js秒杀倒计时

最新推荐文章于 2023-03-30 14:02:59 发布

理个以哈呦

最新推荐文章于 2023-03-30 14:02:59 发布

阅读量3.9k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_15253407/article/details/83014265

版权

js 专栏收录该内容

79 篇文章 0 订阅

订阅专栏

<!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>

理个以哈呦

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js秒杀倒计时

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body onload="miaosha();"&gt;&lt;p cl
复制链接

扫一扫