js时间倒计时代码（从当前时间到未来时间）

猫猫没有猫耳朵

已于 2022-03-25 16:52:13 修改

阅读量1.1k

点赞数 9

文章标签： javascript html

于 2021-10-19 15:50:28 首次发布

本文链接：https://blog.csdn.net/m0_54585610/article/details/120847708

版权

效果图：

JS倒计时

代码如下：

<!DOCTYPE html>

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JS倒计时</title>
</head>

<body>

<div id="time"></div>

 </body>

<script>

window.onload = function () {
    //每1秒刷新时间
    setInterval("show()", 1000);
}

function show() {
    //获取未来时间
    var s1 = '2022-07-02 18:00:00';
    s1 = new Date(s1.replace(/-/g, "/"));
    //获取当前时间（日期精确到毫秒）
    s2 = new Date();
    //获取得出时间差
    var day = s1.getTime() - s2.getTime();
    var time = parseInt(day / (1000 * 60 * 60 * 24));
    var hour = parseInt((day % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minute = parseInt((day % (1000 * 60 * 60)) / (1000 * 60));
    var second = parseInt(day / 1000 % 60);
    document.getElementById("time").innerHTML=(time + "天" + hour + "小时" + minute + "分钟" + second + "秒");
}

</script>

</html>