一键生成 ’倒计时‘

1. html部分:


<div class="countR">
                <p><i>0</i><i>0</i><span>天</span><i>0</i><i>0</i><span>时</span><i>0</i><i>0</i><span>分</span><i>0</i><i>0</i><span>秒</span></p>
            </div>

2. js部分:


// 倒计时
var starttime = new Date("2018/10/7");
  setInterval(function () {
    var nowtime = new Date();
    var time = starttime - nowtime;
    var day = parseInt(time / 1000 / 60 / 60 / 24);
    var hour = parseInt(time / 1000 / 60 / 60 % 24);
    var minute = parseInt(time / 1000 / 60 % 60);
    var seconds = parseInt(time / 1000 % 60);
    $('.countDown .countR').html("<p><i>"+parseInt(day%100/10)+"</i><i>"+parseInt(day%10)+"</i><span>天</span><i>"+parseInt(hour%100/10)+"</i><i>"+parseInt(hour%10)+"</i><span>时</span><i>"+parseInt(minute%100/10)+"</i><i>"+parseInt(minute%10)+"</i><span>分</span><i>"+parseInt(seconds%100/10)+"</i><i>"+parseInt(seconds%10)+"</i><span>秒</span></p>");
  }, 1000);
//时间补位 (时间也有单个的,这是就需要部位。比如‘8小时’,部位后就是‘08小时’)
function panduan(num){
    if (num >= 0 && num <= 9) {
        num = "0" +num;
    }
    if (num < 0){
        num = "00";
    }
    return num;
}

猜你喜欢

转载自blog.csdn.net/weixin_42220533/article/details/81738345