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 相关文章推荐
用js重建星际争霸
Dec 22 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
Jan 05 Javascript
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
javascript与jquery中跳出循环的区别总结
Nov 04 Javascript
JavaScript使用循环和分割来替换和删除元素实例
Oct 13 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
浅谈JavaScript的计时器对象
Dec 26 Javascript
Javascript自定义事件详解
Jan 13 Javascript
tween.js缓动补间动画算法示例
Feb 13 Javascript
vue项目开发中setTimeout等定时器的管理问题
Sep 13 Javascript
JS实现移动端在线签协议功能
Aug 22 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中用文本文件做数据库的实现方法
2008/03/27 PHP
Zend Studio 无法启动的问题解决方法
2008/12/04 PHP
laravel自定义分页效果
2017/07/23 PHP
关于恒等于(===)和非恒等于(!==)
2007/08/20 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
JavaScript DOM操作表格及样式
2015/04/13 Javascript
javaScript中slice函数用法实例分析
2015/06/08 Javascript
学习JavaScript设计模式(代理模式)
2015/12/03 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
JavaScript模块详解
2017/12/18 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
2019/02/18 jQuery
监听element-ui table滚动事件的方法
2019/03/26 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
vue之延时刷新实例
2019/11/14 Javascript
[02:40]DOTA2英雄基础教程 先知
2013/11/29 DOTA
python调用shell的方法
2013/11/20 Python
centos系统升级python 2.7.3
2014/07/03 Python
Python中暂存上传图片的方法
2015/02/18 Python
Python判断字符串与大小写转换
2015/06/08 Python
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
Python遍历文件夹和读写文件的实现方法
2017/05/10 Python
Python爬取附近餐馆信息代码示例
2017/12/09 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
Python csv文件的读写操作实例详解
2019/11/19 Python
天巡全球:Skyscanner Global
2017/06/20 全球购物
护理专业优质毕业生自荐书
2014/01/31 职场文书
通信研究生自荐信
2014/02/01 职场文书
餐饮采购员岗位职责
2014/03/15 职场文书
综合素质评价个性与发展自我评价
2015/03/06 职场文书
运动会宣传语
2015/07/13 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
python基础学习之生成器与文件系统知识总结
2021/05/25 Python
nginx配置限速限流基于内置模块
2022/05/02 Servers
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS