使用setTimeout實現倒計時


  用JS寫個倒計時,估計很多小伙伴一下就想到了setInterval(fn,millisec)這個函數了,但是如果不用此函數呢?大家還能想到其他的辦法嗎?嘿嘿就是setTimeout函數了,

這兩函數是js里面實現動畫很重要的兩個函數!

  首先上菜看code:

  

1 var countDown = function(times){
2    if(!times||isNaN(parseInt(times)))return;
3    var args = arguments;
4    var self = this;
5     console.log(times);
6     setTimeout(function(){args.callee.call(self,--times)},1000);
7    
8 }

  調用countDown(10);在chrome控制台下就會從10開始倒計時了!雖然看起來很容易,代碼也不多,但是里面涉及到對js單線程的理解,如果不理解js單線程的話可能以后會遇到很多坑的,

希望伙伴們多多學習鞏固基礎知識這樣才能練就深厚內功,殺人於無形!


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com