码迷,mamicode.com
首页 > 其他好文 > 详细

setTimeout 与 setInterval

时间:2017-05-22 23:09:45      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:timeout   meta   out   一次函数   doc   text   head   执行   time   

 setTimeout (cold,1000)表示1000秒后执行一次cold函数;

setInterval (cold,1000)表示每过1000秒执行一次函数;

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
    <script type="text/javascript">
var num=0;
var i
function startCount() {
document.getElementById(‘count‘).value=num;
num=num+1;
i= setTimeout(startCount,1000) //本身setTimeout()一秒后只执行一次 但是把他写到了startCount()函数里面
// 这样在调用startCount()的同时也调用了setTimeout() 然后 setTimeout()1秒后又再次执行 startCount()
// 两者相互调用达到了无限循环的作用
} //因为 setTimeout(startCount,1000)是写在函数里面的所以要先点击按钮触发这个startCount函数
// setTimeout(startCount,1000); //这时不用调用但是只触发了一次
// setInterval(startCount,1000) //这时不用点击也可以调用

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>

setTimeout 与 setInterval

标签:timeout   meta   out   一次函数   doc   text   head   执行   time   

原文地址:http://www.cnblogs.com/yaomengli/p/6891703.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!