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 +  "&nbsp;"  +
                (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 +  "&nbsp;"  +
             (intvalue ++).toString();
    }
    function  stop()
    {
       window.clearInterval(timer2);
    }
</script>

      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1339907,如需转载请自行联系原作者








相关文章
|
前端开发 JavaScript UED
深入理解requestAnimationFrame函数及其应用
深入理解requestAnimationFrame函数及其应用
|
存储 缓存 监控
JVM 21 的调优指南:如何进行JVM调优,JVM调优参数
聊聊关于JVM 21的优化指南。这篇文章将会深入探讨如何进行JVM调优,介绍一些关键的JVM调优参数,并提供12个实用的代码示例。由于篇幅较长,我会分几个部分来详细讲解,之前写的也有33篇系列教程JVM调优实战打击也可以去围观。
1130 0
|
数据安全/隐私保护
全球免费编程教育网站:Code.org
你还在为小朋友的编程教育而发愁吗? 你还在为小朋友放假无聊而头疼吗? 他来了他来了,全球免费编程教育网站来了。 2013年成立的Code.org是一个非营利组织。 它致力于为年轻女子、学生从来自少数民族提供机会。 其愿景是:每所学校的每位学生都有机会学习计算机科学,就像学习生物、化学和代数。 提供了最广泛讲授的中小学计算机科学课程,也会每年组织编程一小时活动。 这已吸引了全世界约 10% 的学生来参与。 Code.org 得到了亚马逊、脸书、谷歌、印孚瑟斯基金会、微软等更多慷慨捐助者的支持。
2890 0
|
容器
Grid网格布局
Grid网格布局
217 0
|
弹性计算 负载均衡 安全
【上云基础系列-02】企业推荐!必学必会的上云标准架构(弹性架构)
本文介绍上云标准弹性架构,针对企业业务发展需求,推荐使用多服务器的弹性架构而非单体架构。方案包含负载均衡、NAT网关、云服务器ECS、云数据库RDS等组件,确保业务的负载分担、冗余备份及平滑扩展。通过统一公网暴露面管理和VPC网络设计,保障架构的稳定性、安全性和可扩展性。该架构适用于中小企业上云,避免性能瓶颈和迭代升级困难,支持业务持续发展。更多内容可参考下方演进说明总览。
|
安全 API 数据安全/隐私保护
上云时代的“细粒度”访问权限,拿捏!
亿格云自研的SASE一体化办公安全平台——亿格云枢,以身份为驱动的零信任SASE架构,提供稳定高效的网络访问体验,一个平台融合零信任访问、数据防泄漏、终端检测与响应、上网行为管理、合规基线检测等安全能力,实现内外部应用统一管控,确保无论是总部、分支机构、居家办公还是移动办公,都能达到一致的高标准安全防护,360°严密防护敏感数据!
|
JavaScript 前端开发 UED
video标签里面的路径怎么填
video标签里面的路径怎么填
523 0
|
算法 数据挖掘 数据处理
第三届 Data-Juicer 数据挑战赛:ModelScope-Sora“数据导演”创意竞速
欢迎进入第三届 Data-Juicer 数据挑战赛:“ModelScope-Sora 文生视频大模型数据挑战赛”。
|
容器
flex-grow 自适配宽度避免内容超出挤压两侧的最佳实践
flex-grow 自适配宽度避免内容超出挤压两侧的最佳实践
317 0
uniapp如何让视频无法快进
uniapp如何让视频无法快进
359 0

热门文章

最新文章