美文网首页
js倒计时

js倒计时

作者: e2a94d8f7c13 | 来源:发表于2018-12-23 23:20 被阅读0次
    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);
    

    相关文章

      网友评论

          本文标题:js倒计时

          本文链接:https://www.haomeiwen.com/subject/lvjxfqtx.html