倒计时60分钟

最新推荐文章于 2024-04-28 17:03:19 发布

原创最新推荐文章于 2024-04-28 17:03:19 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript实现60分钟倒计时的方法。通过解析总毫秒数来计算剩余的时间，并实时更新显示。该方法适用于网页应用中需要进行精确倒计时的场景。

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

分析

天: 总的毫秒数 / 一天的毫秒数(一天的毫秒数: 1000 x 60 x 60 x 24)

时: (总的毫秒数 / 一小时的毫秒数）% 24
(ps: 因为整小时部分已经被整天拿走了，相除剩下的就是剩余小时数量，再取余24小时就可以得到剩下多少个小时)

分钟: (总的毫秒数 / 一分钟的毫秒数）% 60
(ps: 和小时的计算一样，去掉整分钟数，用余下的分钟数 % 60分钟就可以得到剩下的分钟数)

秒: (总的毫秒数 / 一秒的毫秒数）% 60
(ps: 和小时的计算一样，去掉整秒数，用余下的秒数 % 60分钟就可以得到剩下的秒数)

60分钟倒计时


 <p id="time"></p>
 
 <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
 <script>
    // 60分钟倒计时
    function time() {
        var endtime = +new Date() + 3600000;
        var timeId = setInterval(function () {
        var nowtime = +new Date();
        var time = endtime - nowtime;
        var days = parseInt(time / 1000 / 60 / 60 / 24); //计算剩余的天数
        var hours = parseInt((time / 1000 / 60 / 60) % 24); //计算剩余的小时
        var minute = parseInt((time / 1000 / 60) % 60);
        var seconds = parseInt((time / 1000) % 60);
            minute = minute < 10 ? "0" + minute : minute;
            seconds = seconds < 10 ? "0" + seconds : seconds;
        if (minute <= 0 && seconds <= 0) {
            clearInterval(timeId);
          }
        $("#time").html("倒计时:" + minute + " : " + seconds + " ");
        }, 1000);
      }
    time();
 </script>