在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ js實現(xiàn)5分鐘倒計時

js實現(xiàn)5分鐘倒計時

原生js實現(xiàn)一個5分鐘倒計時的代碼,當分和秒小于10的時候在前面加0

回答
編輯回答
愿如初

伸手黨。。。
至少你實現(xiàn)了 不對的地方 可以來提問

2018年4月30日 20:24
編輯回答
熟稔

兄弟手寫倒計時,可以告訴你點思路,此處你用間隔調用可以 用超時調用加回調函數(shù)同樣也可以,這個需要你自己去實現(xiàn)才是你的。不過我還是簡單給你寫個吧!

<script>
            
            function Fn1(opt){
               

               this.as = Array.from(document.getElementsByTagName(opt.a));

               this.fn();
            }

            Fn1.prototype = {

               constructor : Fn1,
               
               fn : function(){
                     var _this  = this;
                        // var second = 1000;
                        // var min = 1000*60;
                     // var alltime = 5*60*1000;
                     
                     var mins = 4,
                         seconds = 59;
                         var count = 0;
                     setInterval(() => {
                      
                      seconds = seconds - 1;
                      

                      if ( count == 4) {

                          return;
                          
                      }

                      if (seconds == 0) {

                           mins = mins-1;

                           seconds = 59;
                         
                         count++;
                      }


                      _this.as[0].innerHTML = mins;
                       
                      _this.as[1].innerHTML = seconds;

                     

                     },1000)


               }

            }




            var fn1 = new Fn1({//實例化對象,也是對象。
            
             a : "a",



            });


        </script>

面向對象寫的你也可以用別的方法,有難得但鑒于你的要求我就上簡單的了!

2017年9月14日 18:05
編輯回答
愛是癌

希望你多自己手寫一些代碼,這樣至少對你是個提升,正如一樓說的,不對的地方可以幫你看看

2018年3月28日 16:50
編輯回答
清夢

拿走,不謝?。?!

const countDown = (second) => {
  const s = second % 60;
  const m = Math.floor(second / 60);

  return `${`00${m}`.slice(-2)} : ${`00${s}`.slice(-2)}`;
};

let time = 5 * 60;

const timer = setInterval(() => {
  const show = countDown(time--);
  console.log(show);
  if(time < 0) {
    console.log('倒計時結束!');
    clearInterval(timer);
  }
}, 1000);
2017年7月28日 14:01