JS计时器,setTimeout与setInterval

原创 2016年08月30日 13:36:27


学习JS,今天学到关于计时的课程,自己写一个计时器
学习的方法是setTimeout(),所以一开始用这个方法写
看起来好像没有问题,点击按钮计时器开始了。
可以过一会发现,再点击开始计时的按钮时,会以两倍的速度计时,这是个非常严重的问题。



从网上看来的要用setInterval,然后写法也变得高大上起来
这样确实避免了计时器重复计时的问题,但是还是有一个小问题,
假如一直连续不断的点击开始计时的按钮,则会暂时停止计时...这个还未找到解决办法



最后贴一下setTimeout与setInterval的区别,防止忘记:

▶setInterval()

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。


setTimeout() 

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。


版权声明:本文为博主原创文章,未经博主允许不得转载。

【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval

使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者...
  • xueshandugu
  • xueshandugu
  • 2014年04月28日 14:05
  • 1974

setInterval(倒计时实例)和setTimeout的用法

实例: html页面
  • snn1410
  • snn1410
  • 2014年09月25日 10:39
  • 8618

JavaScript: 再论setTimeout、setInterval。其第三个参数和this的讨论,超时嵌套和内存泄漏

最近用setTimeout、setInterval,因为要传入的函数要用到this,所以深入了解了一番! setTimeout和setInterval函数的第三个参数本来只是定义语言类型,后来在...
  • king_xing
  • king_xing
  • 2015年01月29日 12:17
  • 4983

用setTimeout()方法来模拟setInterval()与setInterval()之间的什么区别?

对于setTimeout()跟setIntervl()之间的区别,你真的了解么?有时候看似简单的东西,往往隐藏一些你不知道的细节。setTimeout(fn,time)是超时调用,它在大于等于time...
  • baidu_24024601
  • baidu_24024601
  • 2016年07月08日 17:32
  • 5071

javascript中setInterval和setTimeout第一个参数加与不加引号的区别

今天项目中的轮播特效用到了setInterval函数,程序写好后,运行正常也是需要的效果。随后将写好代码添加到了window.onload中,再运行程序,控制台抛出异常:Uncaught Refere...
  • ernijie
  • ernijie
  • 2016年05月11日 13:32
  • 1644

JS关于时间计时器setTimeout()和setInterval()实例

今天想写个倒计时的小应用,然后查了下两个函数setTimeout()和setInterval()都可以实现,都属于全局对象window。所以特地将js的这两函数的一些用法实例整理一下. 1.概念 1....
  • h330531987
  • h330531987
  • 2017年03月30日 17:05
  • 810

setTimeout()和setInterval()调用函数时失效的一个可能原因

setTimeout() 和setInterval() 是javascript中实现循环调用的两个重要方法
  • liulangdeyue
  • liulangdeyue
  • 2014年08月24日 20:31
  • 2346

js定时器setInterval()与setTimeout()区别、10秒自动跳转

js定时器setInterval()与setTimeout()区别、10秒自动跳转 Html代码   div class="jf_register">       h2>...
  • bestlove12345
  • bestlove12345
  • 2016年07月06日 10:19
  • 1664

setTimeout和setInterval的区别你真的了解吗?

setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质 甚至可能会错误的把两个实现定时调用的函数理解成了类似threa...
  • z69183787
  • z69183787
  • 2014年03月08日 09:52
  • 901

[译]可以自纠正的setInterval代替方法

最近,我在做一些有关setInterval方法的尝试.对于初学者来说,setInterval是可以让你在指定的时间间隔里重复执行某段代码的方法。 比如,你可以用下面的代码创建一个每秒执行的时间间隔 s...
  • simon4545
  • simon4545
  • 2014年01月06日 17:21
  • 897
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS计时器,setTimeout与setInterval
举报原因:
原因补充:

(最多只允许输入30个字)