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>
    

      

  • 相关阅读:
    WPF中更改键盘默认指令小结
    WPF自己喜欢用的数据验证方式
    重写Windows基类,自定义WPF窗口,实现改回车键为TAB
    用CSS控制表格的框格线
    获取当前鼠标的坐标
    SQL 中的转义字符
    資料站點
    jquery 弹出浮层(div) + 遮蔽层
    Jquery放大镜插件[JMagazine]使用参数简介
    邏輯題 交通事故篇
  • 原文地址:https://www.cnblogs.com/kuugachen/p/3589556.html
Copyright © 2011-2022 走看看