JS定时器实现数值从0到10来回变化
更新时间：2016年12月09日 08:56:12 作者：likequiet
最近做项目遇到一需求要求实现数值从0到10来回变化，下面小编给大家分享下实现代码，需要的朋友参考下
效果：数值从0到10来回变化
代码：
var a=0
var timer1,timer2;
function add(){
a++;
console.log(a);
if(a>=10){
clearInterval(timer1);
timer2=setInterval(sub,200);
}
}
function sub(){
a--;
console.log(a);
if(a<=0){
clearInterval(timer2);
timer1=setInterval(add,200);
}
}
timer1=setInterval(add,200);
----------分割线------------------------
此效果看似简单，但是实际写的时候发现JS定时器有一些不易察觉的坑，一不小心就会造成定时器叠加，导致变化越来越快，直到变化间隔达到浏览器的极限（chrome的为5ms）。值得注意的是，虽然每次都用clearInterval把timer清楚掉了，但是每次新的循环还是会使timer的值在原有基础上加1
以上所述是小编给大家介绍的JS定时器实现数值从0到10来回变化，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了使用80 行 JS 代码实现页面添加水印：文字水印、多行文字水印、图片水印、文字&图片水印,文中通过代码示例给大家介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下2024-05-05
所谓“基本类型（primitive types）”的概念ECMAScript（V3，V5）中压根就没有，它只是将类型分为6种,感兴趣的朋友可以参考下2013-01-01
DOM（文档对象模型）是一种用于表示和操作HTML和XML文档的标准，在JavaScript中，可以使用DOM API来对DOM进行操作，下面就来看看常见的操作都有哪些吧2023-08-08
现今团购网、电商网、门户网等，常使用时间记录重要的时刻，如时间显示、倒计时差、限时抢购等，本文分析不同倒计时效果的计算思路及方法，掌握日期对象Date，获取时间的方法,计算时差的方法，实现不同的倒时计效果2015-11-11
因为最近项目有个需求要用js计算一串字符串写入到localStorage里所占的内存，所以便有了这篇文章，下面这篇文章主要给大家介绍了关于利用JS如何计算字符串所占字节数的相关资料，需要的朋友可以参考下。2017-09-09
这篇文章主要介绍了JavaScript贪吃蛇的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了JavaScript实现将UPC转换成ISBN的方法,涉及javascript字符串操作的相关技巧,需要的朋友可以参考下2015-05-05
Openlayers+EasyUI Tree动态实现图层控制
这篇文章主要为大家详细介绍了Openlayers+EasyUI Tree动态实现图层控制，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
自从用firefox浏览器以来，就几乎养成了一个习惯，就想用WebDeveloper把一些漂亮网站的js包括css给down下来分析一下，用来学习。2008-10-10
在web开发过程中表单验证是比较常见的需求，友好的错误提示能够用户带来极好的用户体验效果，今天小编给大家带来如何使用bootstrap 表单验证功能，一起看看吧2017-01-01
最新评论