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实现的分页插件pagenav
Aug 28 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
Jun 05 Javascript
javascript针对cookie的基本操作实例详解
Nov 30 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
关于vue-router的那些事儿
May 23 Javascript
JavaScript学习笔记之图片库案例分析
Jan 08 Javascript
JS div匀速移动动画与变速移动动画代码实例
Mar 26 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
Apr 26 Javascript
vue-router源码之history类的浅析
May 21 Javascript
详解JavaScript作用域 闭包
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
支持oicq头像的留言簿(二)
2006/10/09 PHP
PHP 防注入函数(格式化数据)
2011/08/08 PHP
PHP filter_var() 函数 Filter 函数
2012/04/25 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
php图片裁剪函数
2018/10/31 PHP
如何在标题栏显示框架内页面的标题
2007/02/03 Javascript
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
js获取html参数及向swf传递参数应用介绍
2013/02/18 Javascript
jQuery处理json数据返回数组和输出的方法
2015/03/11 Javascript
JavaScript判断用户名和密码不能为空的实现代码
2016/05/16 Javascript
基于JavaScript实现跳转提示页面
2016/09/24 Javascript
利用transition实现文字上下抖动的效果
2017/01/21 Javascript
jQuery实现 RadioButton做必选校验功能
2017/06/15 jQuery
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
vue获取当前点击的元素并传值的实例
2018/03/09 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
JS使用setInterval计时器实现挑战10秒
2020/11/08 Javascript
用Python的Django框架完成视频处理任务的教程
2015/04/02 Python
python修改操作系统时间的方法
2015/05/18 Python
Python3中正则模块re.compile、re.match及re.search函数用法详解
2018/06/11 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
Python中垃圾回收和del语句详解
2018/11/15 Python
Python编程深度学习计算库之numpy
2018/12/28 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
html5视频播放_动力节点Java学院整理
2017/07/13 HTML / CSS
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
python自动化八大定位元素讲解
2021/07/09 Python