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实现UrlEncode和UrlDecode的脚本代码
Jul 23 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
jquery获取table中的某行全部td的内容方法
Mar 08 Javascript
动态读取JSON解析键值对的方法
Jun 03 Javascript
js propertychange和oninput事件
Sep 28 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
js事件监听器用法实例详解
Jun 01 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
Aug 28 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
Sep 28 Javascript
Vue.js路由组件vue-router使用方法详解
Dec 02 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
vue2.0 资源文件assets和static的区别详解
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 万年历实现代码
2012/10/18 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
Symfony控制层深入详解
2016/03/17 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
JS动态修改iframe内嵌网页地址的方法
2015/04/01 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
2015/09/24 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
jquery多级树形下拉菜单的实例代码
2019/07/09 jQuery
Layui实现带查询条件的分页
2019/07/27 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
Vue文本模糊匹配功能如何实现
2020/07/30 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
PyTorch的深度学习入门之PyTorch安装和配置
2019/06/27 Python
Python实现代码统计工具
2019/09/19 Python
PyCharm中Matplotlib绘图不能显示UI效果的问题解决
2020/03/12 Python
django-orm F对象的使用 按照两个字段的和,乘积排序实例
2020/05/18 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
python利用platform模块获取系统信息
2020/10/09 Python
CSS3制作皮卡丘动画壁纸的示例
2020/11/02 HTML / CSS
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
HTML5 Notification(桌面提醒)功能使用实例
2014/03/17 HTML / CSS
美国专业汽车音响和移动电子产品零售商:Car Toys
2019/05/13 全球购物
如何用JQuery进行表单验证
2013/05/29 面试题
入党自我评价范文
2014/02/02 职场文书
公司管理建议书范文
2014/03/12 职场文书
学生操行评语大全
2014/04/24 职场文书
财务出纳岗位职责
2015/03/31 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
解决numpy数组互换两行及赋值的问题
2021/04/17 Python
python 字典和列表嵌套用法详解
2021/06/29 Python
Spring Boot 使用 Spring-Retry 进行重试框架
2022/04/24 Java/Android