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 相关文章推荐
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
Javascript读取cookie函数代码
Oct 16 Javascript
JavaScript加强之自定义callback示例
Sep 21 Javascript
贴近用户体验的Jquery日期、时间选择插件
Aug 19 Javascript
jquery实现简单的二级导航下拉菜单效果
Sep 07 Javascript
animate 实现滑动切换效果【实例代码】
May 05 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
Jun 29 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
Feb 28 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
jquery的 filter()方法使用教程
Mar 22 jQuery
Vue自定义组件的四种方式示例详解
Feb 28 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
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
pw的一个放后门的方法分析
2007/10/08 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
如何把php5.3版本升级到php5.4或者php5.5
2015/07/31 PHP
thinkphp整合微信支付代码分享
2016/11/24 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
jquery form 加载数据示例
2014/04/21 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
AngularJS $http模块POST请求实现
2017/04/08 Javascript
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
Vue 全局loading组件实例详解
2018/05/29 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
vue项目首屏打开速度慢的解决方法
2019/03/31 Javascript
bootstrap tooltips在 angularJS中的使用方法
2019/04/10 Javascript
Vue中的组件及路由使用实例代码详解
2019/05/22 Javascript
[01:30]2016国际邀请赛中国区预选赛神秘商店火爆开启
2016/06/26 DOTA
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Python的Flask框架中web表单的教程
2015/04/20 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
对Django 转发和重定向的实例详解
2019/08/06 Python
AmazeUI 评论列表的实现示例
2020/08/13 HTML / CSS
常务副县长“三严三实”对照检查材料思想汇报
2014/10/05 职场文书
团队会宣传标语
2014/10/09 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
生日答谢词
2015/01/05 职场文书
法院执行局工作总结
2015/08/11 职场文书
公司岗位说明书
2015/10/08 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
redis客户端实现高可用读写分离的方式详解
2021/07/04 Redis