当前位置: 首页 > news >正文

(转)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" οnclick='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" οnclick='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>

相关文章:

  • Bing正在让Image Graphic变得更加实用、吸引人
  • 持久数据层框架设计(二)
  • 《编译原理实践与指导教程》——第1章 词法分析与语法分析
  • gtest中如何跳出当前测试案例
  • linux-image-2.6.27-7-generic_2.6.27-7.16_i386.deb 无法安装
  • 安防设备:传统与智能差异在何处?
  • 微软确认Windows 7可降级至XP
  • 一键获取软硬件配置及管理员组
  • AMD发布第七代Pro A系列APU:面向企业
  • 草食系的“恋爱秘方”
  • 体验SCCM 2007 R2新特性-Reporting Services 报表订阅
  • 美国司法部:苹果三星专利侵权案应发回重申
  • windows编程入门之结构
  • 外媒称黑石集团或10亿美元出售文思海辉
  • SQL Server 2008下载 序列号
  • hexo+github搭建个人博客
  • 【跃迁之路】【463天】刻意练习系列222(2018.05.14)
  • 4. 路由到控制器 - Laravel从零开始教程
  • Angular 响应式表单 基础例子
  • CentOS 7 修改主机名
  • create-react-app项目添加less配置
  • Hexo+码云+git快速搭建免费的静态Blog
  • iOS 系统授权开发
  • node入门
  • Otto开发初探——微服务依赖管理新利器
  • vue-router 实现分析
  • 给新手的新浪微博 SDK 集成教程【一】
  • 记录:CentOS7.2配置LNMP环境记录
  • 我的业余项目总结
  • 系统认识JavaScript正则表达式
  •  一套莫尔斯电报听写、翻译系统
  • [地铁译]使用SSD缓存应用数据——Moneta项目: 低成本优化的下一代EVCache ...
  • (1/2)敏捷实践指南 Agile Practice Guide ([美] Project Management institute 著)
  • (14)Hive调优——合并小文件
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (52)只出现一次的数字III
  • (生成器)yield与(迭代器)generator
  • (十五)Flask覆写wsgi_app函数实现自定义中间件
  • (四)Android布局类型(线性布局LinearLayout)
  • (转)Android中使用ormlite实现持久化(一)--HelloOrmLite
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .net framework 4.0中如何 输出 form 的name属性。
  • .net framework profiles /.net framework 配置
  • .NET MVC第三章、三种传值方式
  • .NET/C# 项目如何优雅地设置条件编译符号?
  • .NET开源的一个小而快并且功能强大的 Windows 动态桌面软件 - DreamScene2
  • .net中生成excel后调整宽度
  • [ JavaScript ] JSON方法
  • [ Linux ] Linux信号概述 信号的产生
  • [ vulhub漏洞复现篇 ] ThinkPHP 5.0.23-Rce
  • [16/N]论得趣
  • [Angular 基础] - 数据绑定(databinding)
  • [Angular] 笔记 20:NgContent
  • [Editor]Unity Editor类常用方法
  • [GDOUCTF 2023]<ez_ze> SSTI 过滤数字 大括号{等