setTimeout 与 setTimeinterval的区别
这两天一直在ajax的东西,昨天做一个小例子的时候发现了setTimeout这个函数,以前只知道setTimeinterval,发现这两个函数是有一些差别的。在网上搜了一下,作为备忘就转贴一下了。
window对象有两个主要的定时方法,分别是setTimeout 和 setInteval 他们的语法基本上相同,但是完成的功能取有区别。
setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。
setInterval方法则是表示间隔一定时间反复执行某操作。
如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
例如:tttt=setTimeout('northsnow()',1000);
clearTimeout(tttt);
或者:
tttt=setInterval('northsnow()',1000);
clearInteval_r(tttt);
举一个例子:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<div id= "liujincai" ></div>
<input type= "button" name= "start" value= "start" type= "button" name= "stop" value= "stop" 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>
|
或者:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<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" language= "javascript" >
var intvalue=1;
var timer2= null ;
function startShow()
{
liujincai.innerHTML=liujincai.innerHTML + " " +
(intvalue ++).toString();
}
function stop()
{
window.clearInterval(timer2);
}
</script>
|
本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1339907,如需转载请自行联系原作者
setTimeout 与 setTimeinterval的区别相关推荐
- setTimeout和setInterval的区别
setTimeout和setInterval的区别 javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行 ...
- JS setTimeout和setInterval的区别
1.setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直 ...
- 10.setTimeout和setInterval的区别以及模拟实现:
10.setTimeout和setInterval的区别以及模拟实现: setTimeout:推迟ms后执行一次:(延时器) setInterval:间隔ms就重复执行.(重复定时器) 使用setTi ...
- js中的setTimeout与setTimeInterval
setTimeout与setTimeInterval均为window的函数,使用中顶层window一般都会省去,这两个函数经常稍不留神就使用错了. setTimeout内的函数先不执行,隔一段时间后再 ...
- setTimeOut() 和 setTimeInterval()
setTimeOut()は.指定された時間「待ってから」指定された動作を行う関数です. setTimeOut():等待指定时间,执行指定方法. setTimeInterval()は.指定された時間「間 ...
- setTimeout 和 setInterval 的区别
setTimeout (表达式,延时时间) setInterval(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s)setTimeout 在执行时,是在载入后延迟指定时间后 ...
- setTimeout与setTimeinterval的使用
转自:http://www.cnblogs.com/qiantuwuliang/archive/2009/06/20/1507304.html 这两个方法都可以用来在固定的时间段后去执行一段javas ...
- setTimeout与setTimeinterval的使用-2020年10月23日
setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码. 这两个函数的区别是: s ...
- 前端页面倒计时+自动跳转功能(setTimeout和setTimeInterval两种实现)
setTimeout实现 <!-- 8秒倒计时 --> <p><span id="time"></span>秒后自动跳转到百度< ...
最新文章
- Nature:Gordon组采用甘露糖苷选择性抑制尿路致病性大肠杆菌
- 画蛇添足:四条管脚的电位器
- Map-Reduce和分片集合
- 外贸网络推广分享让网站文章标题优化效果更好地小技巧!
- WinForm数据源分页技术
- iOS开发 Block的用法
- 健身小管家--android app源码
- 仅用 []()+! 就足以实现几乎任意Javascript代码
- 怎么自定义字体_自定义字体@fontface的常见应用
- ANSIC标准定义的6种预定义宏
- Spring Cloud Alibaba基础教程版本升级:0.2.1-gt;0.2.2
- HDU2041 超级楼梯
- 机器人带陀螺仪走钢丝_走直线很难吗?陀螺仪表示,少了它机器人连直线都走不了...
- 移除mac下 .Ds_Store的解决办法
- CetnOS 6.7安装Hive 1.2.1
- Project Euler 66: Diophantine equation
- jsp 图片下载功能
- 使用外置无线网卡来切换mac地址
- 仿百思不得其姐项目开发(粗略笔记,后期规范排版和更新)
- Method isEmpty in android.text.TextUtils not mocked
热门文章
- U盾简易版——控制指定U盘才能被插上电脑识别
- 外汇交易的最佳时间点
- 智能慧工厂虚拟仿真管理系统软件
- python beautifulsoup4 table tr_使用python的BeautifulSoup解析“tbody/tr/td”
- Java高级 IO和XML
- 京东电商增值服务模式
- 运维新标配,管理新方式——金榜智能DCIM
- 英语 | Day1、2 x 句句真研每日一句
- 糖尿病并发症说来就来,这些食物一定要限制摄入
- android activity的跳转,Android Activity跳转方式总结分享