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 相关文章推荐
asp.net HttpHandler实现图片防盗链
Nov 09 Javascript
Javascript 变量作用域 两个可能会被忽略的小特性
Mar 23 Javascript
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
Jan 10 Javascript
在javascript中对于DOM的加强
Apr 11 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 Javascript
浅谈javascript语法和定时函数
May 03 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
Jun 12 Javascript
简单实现js轮播图效果
Jul 14 Javascript
简单谈谈关于Angular Cli打包的事
Sep 05 Javascript
jquery实现垂直手风琴菜单
Mar 04 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单例模式详细介绍
2015/07/01 PHP
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
php中简单的对称加密算法实现
2017/01/05 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
深入分析JSONP跨域的原理
2014/12/10 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
JQuery 设置checkbox值二次无效的解决方法
2016/07/22 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
JavaScript寄生组合式继承实例详解
2018/01/06 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
2018/11/21 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
解决ant Design Search无法输入内容的问题
2020/10/29 Javascript
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
python中不能连接超时的问题及解决方法
2018/06/10 Python
python 字典操作提取key,value的方法
2019/06/26 Python
3行Python代码实现图像照片抠图和换底色的方法
2019/10/10 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
Python的logging模块基本用法
2020/12/24 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
css3 按钮 利用css3实现超酷下载按钮
2013/03/18 HTML / CSS
CSS3 毛玻璃效果
2019/08/14 HTML / CSS
高中生毕业学习总结的自我评价
2013/11/14 职场文书
颁奖典礼主持词
2014/03/25 职场文书
银行职员工作失误检讨书
2014/10/14 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
师德师风事迹材料
2014/12/20 职场文书
如何将JavaScript将数组转为树形结构
2021/06/02 Javascript