当前位置: 首页 > 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下载 序列号
  • 【Leetcode】104. 二叉树的最大深度
  • Angular Elements 及其运作原理
  • ES6系统学习----从Apollo Client看解构赋值
  • Js基础知识(一) - 变量
  • KMP算法及优化
  • laravel 用artisan创建自己的模板
  • Markdown 语法简单说明
  • Python十分钟制作属于你自己的个性logo
  • uni-app项目数字滚动
  • 分享一份非常强势的Android面试题
  • 力扣(LeetCode)56
  • 猫头鹰的深夜翻译:JDK9 NotNullOrElse方法
  • 通过几道题目学习二叉搜索树
  • 我的面试准备过程--容器(更新中)
  • 系统认识JavaScript正则表达式
  • 小程序、APP Store 需要的 SSL 证书是个什么东西?
  • 小程序上传图片到七牛云(支持多张上传,预览,删除)
  • 用Canvas画一棵二叉树
  • 正则学习笔记
  • 自动记录MySQL慢查询快照脚本
  • #【QT 5 调试软件后,发布相关:软件生成exe文件 + 文件打包】
  • #快捷键# 大学四年我常用的软件快捷键大全,教你成为电脑高手!!
  • #在 README.md 中生成项目目录结构
  • (14)Hive调优——合并小文件
  • (js)循环条件满足时终止循环
  • (Oracle)SQL优化基础(三):看懂执行计划顺序
  • (翻译)terry crowley: 写给程序员
  • (免费领源码)Java#Springboot#mysql农产品销售管理系统47627-计算机毕业设计项目选题推荐
  • (十)【Jmeter】线程(Threads(Users))之jp@gc - Stepping Thread Group (deprecated)
  • (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly DetectionRecommender Systems...
  • (原創) 是否该学PetShop将Model和BLL分开? (.NET) (N-Tier) (PetShop) (OO)
  • .net on S60 ---- Net60 1.1发布 支持VS2008以及新的特性
  • .net php 通信,flash与asp/php/asp.net通信的方法
  • .net web项目 调用webService
  • .NET 中各种混淆(Obfuscation)的含义、原理、实际效果和不同级别的差异(使用 SmartAssembly)
  • .net实现客户区延伸至至非客户区
  • .NET中的十进制浮点类型,徐汇区网站设计
  • /usr/bin/env: node: No such file or directory
  • [acm算法学习] 后缀数组SA
  • [CISCN 2019华东南]Web11