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判断元素是否是隐藏的代码
Apr 24 Javascript
修复bash漏洞的shell脚本分享
Dec 31 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 Javascript
Javascript实现计算个人所得税
May 10 Javascript
浅析javascript的return语句
Dec 15 Javascript
Vue.js第三天学习笔记(计算属性computed)
Dec 01 Javascript
vue-music关于Player播放器组件详解
Nov 28 Javascript
vue router 跳转后回到顶部的实例
Aug 31 Javascript
JavaScript使用小插件实现倒计时的方法讲解
Mar 11 Javascript
Seajs源码详解分析
Apr 02 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 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
Thinkphp的volist标签嵌套循环使用教程
2014/07/08 PHP
thinkPHP实现表单自动验证
2014/12/24 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
动态添加js事件实现代码
2009/03/12 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
JavaScrpt的面向对象全面解析
2017/05/09 Javascript
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
Javascript中弹窗confirm与prompt的区别
2018/10/26 Javascript
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
python使用udp实现聊天器功能
2018/12/10 Python
Python使用sqlalchemy模块连接数据库操作示例
2019/03/13 Python
python使用Plotly绘图工具绘制柱状图
2019/04/01 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
CSS3实现swap交换动画
2016/01/19 HTML / CSS
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
The North Face意大利官网:服装、背包和鞋子
2020/06/17 全球购物
计算机个人求职信范例
2014/01/24 职场文书
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python
Python多个MP4合成视频的实现方法
2021/07/16 Python
详细聊聊vue中组件的props属性
2021/11/02 Vue.js
CentOS下安装Jenkins的完整步骤
2022/04/07 Servers