js秒杀倒计时

最新推荐文章于 2025-05-29 14:47:07 发布

理个以哈呦

最新推荐文章于 2025-05-29 14:47:07 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_15253407/article/details/83014265

js 专栏收录该内容

79 篇文章

订阅专栏

本文详细解析了一段HTML与JavaScript结合的倒计时代码，展示了如何使用JavaScript进行日期和时间的计算，以及如何通过DOM操作更新页面上的时间显示。代码中还包含了一个定时器和时间格式化的函数，为读者提供了实现倒计时功能的完整思路。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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