zoukankan      html  css  js  c++  java
  • Javascript中setTimeout和setInterval的区别和使用

    在javascript中,window对象有两个主要的定时方法,分别是setTimeout 和 setInterval,其语法基本上相同,但是完成的功能取有区别。
      setTimeout方法是定时程序,就是在什么时间以后干什么。
      setInterval方法则是表示间隔一定时间反复执行某操作。
      如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
    例如:t=setTimeout('northsnow()',100);
            clearTimeout(t);


    或者:t=setInterval('northsnow()',100);
            clearInteval(t);


    举一个例子:

     <div id="liujincai"></div>
    <input type="button" name="start" value="start" onclick='startShow();'>
    <input type="button" name="stop" value="stop" onclick="stop();">
    <script language="javascript">
       var intvalue=1;
       var timer2=null;
       function startShow()
       {
          liujincai.innerHTML=liujincai.innerHTML + " " + (intvalue ++).toString();
          timer2=window.setTimeout("startShow()",2000);
       }
       function stop()
       {
          window.clearTimeout(timer2);
       }
    </script>
    

      


    或者:


     

    <div id="liujincai"></div>
    <input type="button" name="start" value="start" onclick='timer2=window.setInterval("startShow()",2000);//startShow();'>
    <input type="button" name="stop" value="stop" onclick="stop();">
    <script language="javascript">
       var intvalue=1;
       var timer2=null;
       function startShow()
       {
          liujincai.innerHTML=liujincai.innerHTML + " " + (intvalue ++).toString();
       }
       function stop()
       {
          window.clearInterval(timer2);
       }
    </script>
    

      

  • 相关阅读:
    在javaWeb 工程中 tomcat 的 web.xml 文件配置
    Spring 框架详解
    构建工具 Maven和Gradle对比
    idea 创建Javaweb 动态工程
    服务器后端 项目代码常用目录图
    ET模式下的EPOLLOUT
    linux recv 参数len设置为0
    fork 和 exec 对子进程继承父进程处理信号处理函数的影响
    lua元表以及元方法
    Linux网络编程“惊群”问题总结
  • 原文地址:https://www.cnblogs.com/kuugachen/p/3589556.html
Copyright © 2011-2022 走看看