1,使用setTimeout()
<head>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",1000);//计时
}
function stopCount(){
clearTimeout(i);//i为 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" οnclick="startCount()" />
<input type="button" value="Stop" οnclick="stopCount()"/>
</form>
</body>
2,使用setInterval()
<head>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setInterval("startCount()",1000);//计时
}
function stopCount(){
clearInterval(i);//i为 setInterval() 返回的 ID 值。该值标识要取消的延迟执行代码块
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" οnclick="startCount()" />
<input type="button" value="Stop" οnclick="stopCount()"/>
</form>
</body>