js倒计时

2018-12-23  本文已影响0人  e2a94d8f7c13
var countTime = function(){
  //获取当前时间
  var date = new Date();
  var now = date.getTime();
  //设置截止时间
  var endDate = new Date("2018/04/12 23:59:59");
  var end = endDate.getTime();

  //时间差
  var leftTime = Number(end-now);
  //定义变量 h,m,s保存倒计时的时间
  var d,h,m,s;
  if (leftTime>=0) {
    d=Math.floor(t/1000/60/60/24);
    h = Math.floor(leftTime/1000/60/60%24);   //有天数就需要%24,没有就不需要
    m = Math.floor(leftTime/1000/60%60);
    s = Math.floor(leftTime/1000%60);
  }

  //小于10的前面加0
  if(h<10 || m<10 || s<10){
    d = d<10 ? "0"+d : d;
    h = h<10 ? "0"+h : h;
    m = m<10 ? "0"+m : m;
    s = s<10 ? "0"+s : s;
  }
  //将倒计时赋值到切割放到div
  try {
    document.getElementById("_h").innerHTML = h.toString().substring(0,1);
    document.getElementById("_h2").innerHTML = h.toString().substring(1,2);
    document.getElementById("_m").innerHTML = m.toString().substring(0,1);
    document.getElementById("_m2").innerHTML = m.toString().substring(1,2);
    document.getElementById("_s").innerHTML = s.toString().substring(0,1);
    document.getElementById("_s2").innerHTML = s.toString().substring(1,2);
  }catch(e){
    console.log("倒计时报错");
  }
};
//递归每秒调用countTime方法,显示动态时间效果
setInterval(countTime,1000);
上一篇下一篇

猜你喜欢

热点阅读