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 相关文章推荐
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
Feb 02 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
完美JQuery图片切换效果的简单实现
Jul 21 Javascript
javascript与jquery动态创建html元素示例
Jul 25 Javascript
jquery.tableSort.js表格排序插件使用方法详解
Aug 12 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
Jun 19 Javascript
微信小程序点击item使之滚动到屏幕中间位置
Mar 25 Javascript
何时/使用 Vue3 render 函数的教程详解
Jul 25 Javascript
详解基于element的区间选择组件校验(交易金额)
Jan 07 Javascript
一篇文章弄清楚Ajax请求的五个步骤
Mar 17 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截取中文字符串的问题
2006/07/12 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
php过滤html中的其他网站链接的方法(域名白名单功能)
2014/04/24 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
js验证表单第二部分
2006/11/25 Javascript
Javascript this关键字使用分析
2008/10/21 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
js切换div css注意的细节
2012/12/10 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
2014/05/18 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
jQuery Easyui datagrid连续发送两次请求问题
2016/12/13 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
2017/03/02 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
Python 详解基本语法_函数_返回值
2017/01/22 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
浅谈优化Django ORM中的性能问题
2020/07/09 Python
Python二元算术运算常用方法解析
2020/09/15 Python
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
西班牙灯具网上商店:Lampara.es
2018/06/05 全球购物
英国领先的男装设计师服装独立零售商:Repertoire Fashion
2020/10/19 全球购物
华为消费者德国官方网站:HUAWEI德国
2020/11/03 全球购物
银行门卫岗位职责
2013/12/29 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
弘扬焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
有关骆驼祥子的读书笔记
2015/06/26 职场文书
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL