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 相关文章推荐
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
javascript中setTimeout的问题解决方法
May 08 Javascript
理解javascript封装
Feb 23 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
May 16 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
深入理解jquery中的each用法
Dec 14 Javascript
Node.JS文件系统解析实例详解
May 15 Javascript
vue 组件使用中的一些细节点
Apr 25 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
Sep 15 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
JavaScript实现的拼图算法分析
Feb 13 Javascript
vue+element+Java实现批量删除功能
Apr 08 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
php读取数据库信息的几种方法
2008/05/24 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
js随机颜色代码的多种实现方式
2013/04/23 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
2014/01/24 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
Node 自动化部署的方法
2017/10/17 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
JS实现将二维数组转为json格式字符串操作示例
2018/07/12 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
Electron整合React使用搭建开发环境的步骤详解
2020/06/07 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
[01:56]2014DOTA2西雅图邀请赛 MVP外卡赛老队长精辟点评
2014/07/09 DOTA
Saltstack快速入门简单汇总
2016/03/01 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
Python音频操作工具PyAudio上手教程详解
2019/06/26 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
Python猴子补丁知识点总结
2020/01/05 Python
Python3 读取Word文件方式
2020/02/13 Python
python 下划线的不同用法
2020/10/24 Python
适合各种场合的美食礼品:Harry & David
2016/08/03 全球购物
Clarks鞋法国官方网站:英国其乐鞋品牌
2018/02/11 全球购物
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
美国购买体育赛事门票网站:TicketCity
2019/03/06 全球购物
贷款担保书范文
2014/05/13 职场文书
项目经理任命书内容
2014/06/06 职场文书
我的中国梦演讲稿400字
2014/08/19 职场文书
机关干部四风问题自查报告及整改措施
2014/10/26 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
《狮子和鹿》教学反思
2016/02/16 职场文书
Python包argparse模块常用方法
2021/06/04 Python