js 定时调用

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

<!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关闭定时器,停止运行
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容