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 鼠标滚轮事件
Apr 09 Javascript
jquery ui resizable bug解决方法
Oct 26 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
BootStrap轻松实现微信页面开发代码分享
Oct 21 Javascript
js实现自动图片轮播代码
Mar 22 Javascript
angular json对象push到数组中的方法
Feb 27 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
Apr 21 Javascript
vue单页开发父子组件传值思路详解
May 18 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 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高级OOP技术演示
2009/08/27 PHP
PHP如何解决网站大流量与高并发的问题
2011/06/25 PHP
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
php获取错误信息的方法
2015/07/17 PHP
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
JQuery AJAX 中文乱码问题解决
2013/06/05 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
浅谈sass在vue注意的地方
2017/08/10 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
详解项目升级到vue-cli3的正确姿势
2019/01/28 Javascript
ES6小技巧之代替lodash
2019/06/07 Javascript
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
vue 获取及修改store.js里的公共变量实例
2019/11/06 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python+pyqt实现12306图片验证效果
2017/10/25 Python
简单谈谈python中的lambda表达式
2018/01/19 Python
python将控制台输出保存至文件的方法
2019/01/07 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
Python数组并集交集补集代码实例
2020/02/18 Python
Python3监控疫情的完整代码
2020/02/20 Python
LN-CC美国:伦敦时尚生活的缩影
2019/02/19 全球购物
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
应届毕业生就业自荐信
2013/10/26 职场文书
体育教师自荐信范文
2013/12/16 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
客户接待方案
2014/02/26 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
寻找最美乡村教师观后感
2015/06/18 职场文书
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL