在下面的例子中,当点击 计时开始 按钮时,会开始计时(1/10秒);当点击 计时结束 时,会停止计时:
<html>
<head>
<script type="text/javascript">
var s = 0;
var n = 0;
var t;
function timeCount()
{
document.getElementById('second_show').value = s;
n = n+1;
s = n/10;
t = setTimeout("timeCount()",100);
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时" onClick="timeCount()">
<input type="text" id="second_show">
<input type="button" value="结束计时" onClick="clearTimeout(t)">
</form>
</body>
</html>
说明:setTimeout() 里面调用的函数或代码只执行一次,要反复执行请使用 setInterval() 方法或循环调用 setTimeout(),如上面的例子所示。