• 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)是停止定时器

  • 相关阅读:
    将Excel文件转换为Html
    怎样录制屏幕并将结果保存为Gif
    Spire.Pdf 的各种操作总结
    在C#中使用Spire.doc对word的操作总结
    使用Spire.Barcode程序库生成二维码
    【BZOJ1304】[CQOI2009]叶子的染色(动态规划)
    【BZOJ1303】[CQOI2009]中位数图(模拟)
    【BZOJ1297】[SCOI2009]迷路(矩阵快速幂)
    【BZOJ1296】[SCOI2009]粉刷匠(动态规划)
    【BZOJ1295】[SCOI2009]最长距离(最短路)
  • 原文地址:https://www.cnblogs.com/qiernonstop/p/3434208.html
Copyright © 2020-2023  润新知