[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>
|