[JavaScript 09]
ÇöÀç½Ã°£ Ãâ·ÂÇϱâ



time:
couter:


[JavaScript ¼Ò½º]

<html>
    <head>
        <title> timer </title>
        <script language="javascript">
var wait=10;
var i=0;
function stop(){    
    i=0;
    clearTimeout(timer);
}
function p01()
{
    var a = document.getElementById("s1");
    var b = document.getElementById("s2");
    var timer=null;
    clearTimeout(timer);
    var time=new Date();
    var hours=time.getHours();
    var minutes=time.getMinutes();
    var seconds=time.getSeconds();
    i++;
    a.value = hours;
    a.value += ((minutes<10)? ":0" : ":") + minutes;
    a.value += ((seconds<10)? ":0" : ":") + seconds;
    b.value = i;
    if(i<wait) timer = setTimeout("p01()",1000);
     else stop();
}
        </script>
    </head>
    
    <body onLoad="stop()">
    <form name ="form1" action="jdata09.php" method="post">
        <h1> Today Mission </h1>
        <table width="800" border="1" align="left">
                   <tr>
                    <td bgcolor="#FFFFFF">time:</td>
                    <td bgcolor="#FFFFFF">
                        <input type="text" size="10" id="s1" maxlength="30">
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFFFFF">couter:</td>
                    <td bgcolor="#FFFFFF">
                        <input type="text" size="5" id="s2" maxlength="5">
                    </td>
                </tr>
                <tr>
                    <td colspan="2" bgcolor="#FFFFFF">
                        <input type="button" value="Start" onClick="p01()">        
                        <input type="reset" value="clear">
                    </td>
                </tr>
        </table>
    </form>
    </body>
</html>