• 第一节:setTimeout和setInterval定时器


     区别:

        setInterval函数的用法与setTimeout完全一致,区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次,也就是无限次的定时执行。

    取消定时器:clearTimeout和clearInterval

        setTimeout和setInterval函数,都返回一个表示计数器编号的整数值,将该整数传入clearTimeout和clearInterval函数,就可以取消对应的定时器。

            <script>
                //定时器 异步运行
                function hello() {
                    alert("hello");
                }
    //            window.setTimeout("hello()", 1000);
                
                //使用方法名字执行方法
                var t1 = window.setTimeout(hello, 1000);
                var t2 = window.setTimeout("hello()", 3000); //使用字符串执行方法
                window.clearTimeout(t1); //去掉定时器
            </script>

    实例:

     1 <html>
     2 <!--
     3     1.一般情况下setTimeout用于延迟执行某方法或功能,
     4     2.setInterval则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步
     5 -->
     6 <head>
     7 <meta charset="UTF-8">
     8 <title>简单时长倒计时</title>
     9 <SCRIPT type="text/javascript">        
    10             var maxtime = 10 * 60; //一个小时,按秒计算,自己调整!   
    11             function CountDown() {
    12                 if (maxtime >= 0) {
    13                     minutes = Math.floor(maxtime / 60);
    14                     seconds = Math.floor(maxtime % 60);
    15                     msg = "距离结束还有" + minutes + "分" + seconds + "秒";
    16                     document.all["timer"].innerHTML = msg;
    17                     if (maxtime == 5 * 60)alert("还剩5分钟");
    18                         --maxtime;
    19                 } else{
    20                     clearInterval(timer);
    21                     alert("时间到,结束!");
    22                 }
    23             }
    24             timer = setInterval("CountDown()", 1000);                
    25         </SCRIPT>
    26 </head>
    27 <body>
    28 <div id="timer" style="color:red"></div>
    29 </body>
    30 </html>
    倒计时
    作者:chenze
    出处:https://www.cnblogs.com/chenze-Index/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    每天一个Linux指令--httpd
    每天一个Linux指令--alias和unalias
    每天一个Linux指令--adduser
    每天一个Linux指令--ls
    VScode 配置c/c++环境(结合各大网站的blog和官方文档)
    关于大数组定义为全局变量和内部变量的一些区别
    关于simplememory theme的设置和感想
    第一次训练赛感受和题解
    短期目标-1
    家事杂谈
  • 原文地址:https://www.cnblogs.com/chenze-Index/p/9531150.html
Copyright © 2020-2023  润新知