首页 > 代码库 > setTimeout 与 setInterval

setTimeout 与 setInterval

2024-09-24 08:40:12   214人阅读

 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=http://www.mamicode.com/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="http://www.mamicode.com/Start" onClick="startCount()" />
    <input type="button" value="http://www.mamicode.com/Stop"   onclick="stopCount()"/>
</form>

</body>
</html>

setTimeout 与 setInterval


联系
我们