欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS定時器實現(xiàn)數(shù)值從0到10來回變化

 更新時間：2016年12月09日 08:56:12   作者：likequiet  
最近做項目遇到一需求要求實現(xiàn)數(shù)值從0到10來回變化，下面小編給大家分享下實現(xiàn)代碼，需要的朋友參考下

效果：數(shù)值從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);

----------分割線------------------------

此效果看似簡單，但是實際寫的時候發(fā)現(xiàn)JS定時器有一些不易察覺的坑，一不小心就會造成定時器疊加，導(dǎo)致變化越來越快，直到變化間隔達到瀏覽器的極限（chrome的為5ms）。值得注意的是，雖然每次都用clearInterval把timer清楚掉了，但是每次新的循環(huán)還是會使timer的值在原有基礎(chǔ)上加1

以上所述是小編給大家介紹的JS定時器實現(xiàn)數(shù)值從0到10來回變化，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論