美文网首页
js 定时调用

js 定时调用

作者: Rebirth_914 | 来源:发表于2019-10-01 23:28 被阅读0次

    如果希望一段程序可以每间隔一段时间执行一次,可以使用定时调用

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <script type="text/javascript">
                window.onload = function(){
                    var count =document.getElementById("count");
                    
                    var num = 1;
                    var timer = setInterval(function(){
                        count.innerHTML = num++;
                        if(num == 11){
                            /*
                             *  clearInterval(); 可以用来关闭一个定时器
                             *   方法中需要一个定时器的标识作为参数,这样讲关闭标识对应的定时器
                             */
                            clearInterval(timer);
                        }
                    },1000);
                }
            </script>
        </head>
        <body>
            <h1 id="count"></h1>
        </body>
    </html>
    

    setInterval() 方法 定时调用,可以将一个函数每隔一段时间执行一次

    • 参数
      1.回调函数 函数每隔一段时间调用一次
      2.每次调用间隔的时间 单位毫秒
    • 返回值
      返回一个Number类型的数据,这个数字用来作为定时器的唯一标识
    • 程序运行如图


      image.png image.png
    • 程序每隔1秒会跳一个数字,直到10关闭定时器,停止运行

    相关文章

      网友评论

          本文标题:js 定时调用

          本文链接:https://www.haomeiwen.com/subject/msdlpctx.html