zoukankan      html  css  js  c++  java
  • (转)setTimeout 和 setInterval 的区别

    前面有篇文章其实我们已经看到一点setTimeout和setInterval的区别,这篇我将更详细的介绍下:
         window对象有两个主要的定时方法,分别是setTimeout 和 setInteval  他们的语法基本上相同,但是完成的功能取有区别。
      setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。
      setInterval方法则是表示间隔一定时间反复执行某操作。
      如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
    例如:tttt=setTimeout('northsnow()',1000);
    clearTimeout(tttt);
    或者:
    tttt=setInterval('northsnow()',1000);
    clearInteval(tttt);
    举一个例子:
    <div id="liujincai"></div>
    <input type="button" name="start" value="start" onclick='startShow();'>
    <input type="button" name="stop" value="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" >
    <script language="javascript">
       var intvalue=1;
       var timer2=null;
       function startShow()
       {
          liujincai.innerHTML=liujincai.innerHTML + " " + (intvalue ++).toString();
       }
       function stop()
       {
          window.clearInterval(timer2);
       }
    </script>
  • 相关阅读:
    IE6浏览器无法打开QQ邮箱
    vue 项目中 点击回车键 自动登录
    从后台拿数据来排序
    webpack 学习文档 自己留着用
    vue父子之间的传参问题
    vue中引入mint-ui的步骤 + mintui快速上手
    vue页面刷新
    调试兼容性该注意的的点
    垂直居中的几种方式 + css文本框文字溢出显示省略号
    elementui 鼠标悬停出现下拉列表
  • 原文地址:https://www.cnblogs.com/guanjie20/p/1421326.html
Copyright © 2011-2022 走看看