javascript setTimeout和setInterval 的区别


Posted in Javascript onDecember 08, 2009

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" 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>
Javascript 相关文章推荐
javascript 操作cookies及正确使用cookies的属性
Oct 15 Javascript
javascript preload&amp;lazy load
May 13 Javascript
Javascript 遮罩层和加载效果代码
Aug 01 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
jquery实现轮播图效果
Feb 13 Javascript
JS实现的ajax和同源策略(实例讲解)
Dec 01 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
Jun 01 Javascript
JavaScript常用内置对象用法分析
Jul 09 Javascript
浅谈微信小程序列表埋点曝光指南
Oct 15 Javascript
解决vant中 tab栏遇到的坑 van-tabs
Nov 04 Javascript
JavaScript 反射学习技巧
Oct 16 Javascript
javascript OFFICE控件测试代码
Dec 08 #Javascript
JavaScript Cookie 直接浏览网站分网址
Dec 08 #Javascript
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 #Javascript
JavaScript 利用Cookie记录用户登录信息
Dec 08 #Javascript
JavaScript Cookie的读取和写入函数
Dec 08 #Javascript
jquery 双色表格实现代码
Dec 08 #Javascript
IE浏览器打印的页眉页脚设置解决方法
Dec 08 #Javascript
You might like
php面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
PHP中散列密码的安全性分析
2019/07/26 PHP
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
2012/10/11 Javascript
jquery中get,post和ajax方法的使用小结
2014/02/04 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
2017/05/02 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
2018/11/08 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
[58:57]2018DOTA2亚洲邀请赛3月29日小组赛B组 Effect VS VGJ.T
2018/03/30 DOTA
快速了解python leveldb
2018/01/18 Python
python使用pycharm环境调用opencv库
2018/02/11 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
Python常用特殊方法实例总结
2019/03/22 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
Python批量启动多线程代码实例
2020/02/18 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
python中shell执行知识点
2020/05/06 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
Python3读写ini配置文件的示例
2020/11/06 Python
html5理解head_动力节点Java学院整理
2017/07/13 HTML / CSS
linux下进程间通信的方式
2014/12/23 面试题
求职简历中的自我评价分享
2013/12/08 职场文书
违纪检讨书2000字
2014/02/08 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python