• window.clearInterval与window.setInterval的用法


    window.setInterval()

    功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。

    语法:setInterval(code,millisec)

    解释:code:在定时时间到时要执行的JavaScript代码串。

    millisec:设定的定时时间,用毫秒数表示。

    返回值:定时器的ID值,可用于clearInterval()方法停止指定的定时器。

    注:setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭。

    window.clearInterval()

    功能:取消由setInterval()方法设置的定时器。

    语法:clearInterval(id_of_setinterval)

    解释:id_of_setinterval:由setInterval()返回的ID值。该值标识了一个setInterval定时器。

    也就是:window.setInterval()返回的就是window.clearInterval的参数

    例子:

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5         <title>test</title>
     6     </head>
     7     <body>    
     8         <input type="button" value="开始计时" onclick="beginCount()" />
     9         <input type="text" id="timetxt" size="5" />
    10         <input type="button" value="停止计时" onclick="stopCount()" />    
    11         <script type="text/javascript">
    12             var count = 0;
    13             var timeID;
    14             function timeCount()
    15             {
    16               document.getElementById('timetxt').value = count;
    17               count++;
    18             }
    19             function beginCount()
    20             {
    21               timeID = setInterval("timeCount()",100);
    22             }
    23             function stopCount()
    24             {
    25               clearInterval(timeID);
    26             }
    27         </script>    
    28     </body>
    29 </html>
    View Code
     再如:
    var objTimer = window.setInterval("moveDiv()",10)是调动定时器,其中moveDiv是js的一个函数

    if(objTimer) window.clearInterval(objTimer)是停止定时器

  • 相关阅读:
    支持stl容器的gdb自定义命令
    Thrift辅助类,用于简化Thrift编程
    Linux上获取CPU Core个数的实现
    第54课 被遗弃的多重继承(下)
    第53课 被遗弃的多重继承(上)
    第52课 C++中的抽象类和接口
    第51课 C++对象模型分析(下)
    第50课 C++对象模型分析(上)
    第49课 多态的概念和意义
    第48课 同名覆盖引发的问题
  • 原文地址:https://www.cnblogs.com/qiernonstop/p/3434208.html
Copyright © 2020-2023  润新知