2 simple js countdown implementation methods-JS Tutorial-php.cn

2 simple js countdown implementation methods

小云云

Release： 2018-01-04 13:34:14

Original

2697 people have browsed it

This article mainly introduces two simple js countdown methods in detail. One is the countdown with days, and the other is the simple countdown in minutes and seconds. It has certain reference value. Interested friends can refer to it. I hope it can Help everyone.

Generally, the countdown time is transmitted from the background and then rendered to the page. Here are 2 simple countdown methods

//带天数的倒计时
function countDown(times){
  var timer=null;
  timer=setInterval(function(){
    var day=0,
      hour=0,
      minute=0,
      second=0;//时间默认值
    if(times > 0){
      day = Math.floor(times / (60 * 60 * 24));
      hour = Math.floor(times / (60 * 60)) - (day * 24);
      minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
      second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
    }
    if (day <= 9) day = &#39;0&#39; + day;
    if (hour <= 9) hour = &#39;0&#39; + hour;
    if (minute <= 9) minute = &#39;0&#39; + minute;
    if (second <= 9) second = &#39;0&#39; + second;
    //
    console.log(day+"天:"+hour+"小时："+minute+"分钟："+second+"秒");
    times--;
  },1000);
  if(times<=0){
    clearInterval(timer);
  }
}

Copy after login

//单纯分钟和秒倒计时
function resetTime(time){
  var timer=null;
  var t=time;
  var m=0;
  var s=0;
  m=Math.floor(t/60%60);
  m<10&&(m=&#39;0&#39;+m);
  s=Math.floor(t%60);
  function countDown(){
   s--;
   s<10&&(s=&#39;0&#39;+s);
   if(s.length>=3){
    s=59;
    m="0"+(Number(m)-1);
   }
   if(m.length>=3){
    m=&#39;00&#39;;
    s=&#39;00&#39;;
    clearInterval(timer);
   }
   console.log(m+"分钟"+s+"秒");
  }
  timer=setInterval(countDown,1000);
}

Copy after login

How to use

##Related recommendations:

React Native verification code countdown sharing

js implements countdown animation effect through Date object example code

Three kinds of js and jQuery to implement user registration Countdown function method

The above is the detailed content of 2 simple js countdown implementation methods. For more information, please follow other related articles on the PHP Chinese website!