js秒杀倒计时

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body onload="miaosha();">
<p class="tit_right" style="">
    <span id="d" style="">00</span>天
    <span id="h" style="">00</span>小时
    <span id="m" style="">00</span>分
    <span id="s" style="">00</span>秒
</p>
<p style="" id="juli"></p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<script>
    var timer = null
    function miaosha(year, month, day, hour, minute, second) {
        let newDate = new Date();
        let newDate1 = new Date(year, month - 1, day, hour, minute, second);
        let leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date());
        let days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);
        let hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);
        let minutes = parseInt(leftTime / 1000 / 60 % 60, 10);
        let seconds = parseInt(leftTime / 1000 % 60, 10);
        if (seconds < 0) {
            /// 进行开始的操作
            timer && clearTimeout(timer);
        }
        else {
            days = fix(days, 2);
            hours = fix(hours, 2);
            minutes = fix(minutes, 2);
            seconds = fix(seconds, 2);
            timer = setTimeout("miaosha(2018,10,10,20,0,0)", 1000);  //// 设置开始的时间
            document.getElementById("h").innerHTML = hours;
            document.getElementById("m").innerHTML = minutes;
            document.getElementById("s").innerHTML = seconds;
            document.getElementById("d").innerHTML = days;
        }
    }
    //fix函数：将1~9的1位数转换成01~09的格式
    function fix(num, length) {
        return ('' + num).length < length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' + num;
    }
</script>
</body>
</html>
猜你喜欢
