JavaScript 定时调用，延时调用

最新推荐文章于 2024-04-22 15:43:49 发布

weixin_30856965

最新推荐文章于 2024-04-22 15:43:49 发布

阅读量84

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangdongwei/p/11304287.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <h1 id="count"></h1>
    </body>
    <script type="text/javascript">
        var count=document.getElementById("count");
        //让h1中自动变化
//        for (i=0;i<=10;i++) {
//            count.innerHTML=i;
//        }
        /*1.setInterval() 定时调用
         -可以将一个函数每隔一段时间执行一次
         -参数：
             1.回调函数
             2.每次调用间隔的时间，毫秒
         
         -返回值：
             返回一个Number类型的数据，这个数字用来区分定时器的，就像是1号定时器，2号定时器
         * */
        /*2.clearInterval() 关闭定时器
         * -()里就是关闭的定时器
         */
        var num=0;
        var timer=setInterval(function(){
            count.innerHTML=num++;
            if(num==8){
                clearInterval(timer); //8的时候关闭，不显示8
            }
        },1000); //每隔1秒执行一次这个函数

　　　　　/*1.setTimeout() 延时调用 同定时调用语法相同
         * -函数的执行，再延时一段时间后执行
         * -延时调用只会执行一次
         * 
         *2.clearTimeout() 
         */

    </script>
</html>

转载于:https://www.cnblogs.com/wangdongwei/p/11304287.html

weixin_30856965

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 定时调用，延时调用

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 id="count"&...
复制链接

扫一扫