定时器调用 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        window.onload=function(){


            // 获取count
            var count=document.getElementById("count");

            // 使count中的内容，自动切换
            /* 
                JS的程序的执行速度是非常非常快的
                如果希望一段程序，可以每间隔一段时间执行一次，可以使用定时调用
            */
           /*  for(var i=0; i<10000; i++){
                count.innerHTML = i;
                alert("hello");
            } */


            /* 
                setInterval()
                 -定时调用
                 -可以将一个函数，每隔一段时间执行一次。
                 -参数：
                    1.回调函数，该函数会每隔一段时间被调用一次
                    2.每次调用间隔的事件，单位是毫秒

                 -返回值：
                    返回一个Number类型的数据
                    这个数字用来作为定时器的唯一标识
            */
           var num=1;
            var timer=setInterval(function(){

                count.innerHTML=num++;

                if(num==11){
                    // 关闭定时器
                    clearInterval(timer);//到10就停止定时
                }
            },1000);
            // console.log(timer);
            
            // clearInterval()可以用来关闭一个定时器
            // 方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器
            // clearInterval(timer);

        };
    </script>
</head>
<body>
    <h1 id="count"></h1>
</body>
</html>

从num=1开始计时

 

到num=10停止计时，条件if（num==11）{关闭计时器}

 

 

posted @ 2020-12-28 10:37  Hhhr  阅读(249)  评论(0)  编辑  收藏  举报