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中callee与caller的用法和应用场景
Dec 08 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
Aug 01 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
对Web开发中前端框架与前端类库的一些思考
Mar 27 Javascript
分享我的jquery实现下拉菜单心的
Nov 29 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
JS实现前端页面的搜索功能
Jun 12 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
Vue实战教程之仿肯德基宅急送App
Jul 19 Javascript
jQuery实现图片切换效果
Oct 19 jQuery
vue-drawer-layout实现手势滑出菜单栏
Nov 19 Vue.js
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
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
PHP安全下载文件的方法
2016/04/07 PHP
限制复选框的最大可选数
2006/07/01 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
javascript中的parseInt和parseFloat区别
2013/07/12 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
js时钟翻牌效果实现代码分享
2020/07/31 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
jQuery延迟执行的实现方法
2016/12/21 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
微信小程序 设置启动页面的两种方法
2017/03/09 Javascript
详解node.js中的npm和webpack配置方法
2018/01/21 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
JS脚本加载后执行相应回调函数的操作方法
2018/02/28 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
2018/09/05 Javascript
react 国际化的实现代码示例
2018/09/14 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
python实现红包裂变算法
2016/02/16 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
python3编码问题汇总
2016/09/06 Python
python3+mysql查询数据并通过邮件群发excel附件
2018/02/24 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
Python企业编码生成系统之系统主要函数设计详解
2019/07/26 Python
Python list与NumPy array 区分详解
2019/11/06 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
python 实现读取csv数据,分类求和 再写进 csv
2020/05/18 Python
python SOCKET编程基础入门
2021/02/27 Python
GAP阿联酋官网:GAP UAE
2017/11/30 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
美国购物网站:Clickhere2shop
2021/01/28 全球购物
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
会计电算化专业毕业生求职信范文
2013/12/10 职场文书
运动会800米加油稿
2014/02/22 职场文书