点击按钮,时间能够继续跳动的方法
我想再设置一个"Begin" 按钮,执行完"Stop"按钮的命令,再点击"Begin"按钮,时间又能继续跳动,该怎么实现呢?
我想再设置一个"Begin" 按钮,执行完"Stop"按钮的命令,再点击"Begin"按钮,时间又能继续跳动,该怎么实现呢?
2016-01-15
可以参阅:http://www.imooc.com/code/1026取消计时器clearTimeout()和计时器setInterval()这两章
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",100);
}
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onClick="startCount()"/>
<input type="button" value="Stop" onClick="stopCount()"/>
</form>
</body>
</html>
举报