zoukankan      html  css  js  c++  java
  • 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)是停止定时器

  • 相关阅读:
    Spring基于注解整合Redis实现内容缓存
    配置Mybatis二级缓存为Redis来实现内容缓存
    Spring整合Redis
    Java连接redis
    机器学习之 KNN近邻算法(一)入门
    matplotlib 之 快速入门
    Pandas 之入门
    Hadoop 之 环形缓冲区原理
    numpy 之 rollaxis的理解
    python 之 遇到SyntaxError: Non-UTF-8 code starting with 'xb8' in file
  • 原文地址:https://www.cnblogs.com/qiernonstop/p/3434208.html
Copyright © 2011-2022 走看看