js中setTimeout和clearTimeout的使用

最新推荐文章于 2022-04-11 23:06:10 发布

weixin_30511107

最新推荐文章于 2022-04-11 23:06:10 发布

阅读量54

点赞数

原文链接：http://www.cnblogs.com/sea-stream/p/10449186.html

版权

setTimeout，延迟n秒后执行指定代码

clearTimeout，清除计时器

<html>  
<head>  
<script type="text/javascript">  
var c=0  
var t  
function timedCount()  
{  
document.getElementById('txt').value=c  
c=c+1  
t=setTimeout("timedCount()",1000)  
}  
  
function stopCount()  
{  
clearTimeout(t)  
}  
  
</script>  
</head>  
  
<body>  
<form>  
<input type="button" value="开始计时！" onClick="timedCount()">  
<input type="text" id="txt">  
<input type="button" value="停止计时！" onClick="stopCount()">  
</form>  
  
<p>  
请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。  
</p>  
  
</body>  
  
</html>