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 相关文章推荐
ExtJS GTGrid 简单用户管理
Jul 01 Javascript
JS定义回车事件(实现代码)
Jul 08 Javascript
使用js显示当前时间示例
Mar 02 Javascript
用JS在浏览器中创建下载文件
Mar 05 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
Jun 03 Javascript
Node.js 日志处理模块log4js
Aug 28 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
Feb 13 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
JavaScript实现无刷新上传预览图片功能
Aug 02 Javascript
详解React中合并单元格的正确写法
Jan 08 Javascript
js回调函数仿360开机
Dec 26 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
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垃圾回收机制简单说明
2010/07/22 PHP
php中http_build_query 的一个问题
2012/03/25 PHP
php过滤html标记属性类用法实例
2014/09/23 PHP
php实现简单的语法高亮函数实例分析
2015/04/27 PHP
jQuery 网易相册鼠标移动显示隐藏效果实现代码
2013/03/31 Javascript
JS获取URL中的参数数据
2013/12/05 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
js 点击a标签 获取a的自定义属性方法
2016/11/21 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
2017/11/20 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
2018/03/23 jQuery
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
2018/12/25 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
[59:15]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.20
2020/11/20 DOTA
python实现360皮肤按钮控件示例
2014/02/21 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
Linux下python制作名片示例
2018/07/20 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
小学三年级数学教学反思
2014/01/31 职场文书
教师产假请假条范文
2014/04/10 职场文书
《火烧云》教学反思
2014/04/12 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
论文诚信承诺书
2014/05/23 职场文书
2014基层党员批评与自我批评范文
2014/09/24 职场文书
2014年转正工作总结
2014/11/08 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
2016暑期校本培训心得体会
2016/01/08 职场文书
68句权威创业名言
2019/08/26 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle
Win11 21h2可以升级22h2吗?看看你的电脑符不符合要求
2022/07/07 数码科技