无法在javascript中创建倒计时。有些东西不起作用

Question

我正在为“即将到来的页面”创建倒计时，但它不起作用，它总是说00:00:00:00 :00，你能帮帮我吗？

​

<script> 

var countDownDate = new Date("Jan 5, 2024 15:37:25").getTime(); var x = setInterval (function(){ var now = new Date().getTime; var distance = countDowndate - now;

var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000);


document.getElementById("days").innerHTML = days; document.getElementById("hours").innerHTML = hours; document.getElementById("minutes").innerHTML = minutes; document.getElementById("seconds").innerHTML = seconds;

if (distance < 0) { clearInterval (x); document.getElementById("days").innerHTML = "00"; document.getElementById("hours").innerHTML = "00"; document.getElementById("minutes").innerHTML = "00"; document.getElementById("seconds").innerHTML = "00";
    }

1000); </script>

<div class="launch-time">
    <div>
        <p id="days">00</p>
        <span>days</span>
    </div>
    <div>
        <p id="hours">00</p>
        <span>Hours</span>
    </div>
    <div>
        <p id="minutes">00</p>
        <span>Minutes</span>
    </div>
    <div>
        <p id="seconds">00</p>
        <span>Seconds</span>
    </div> </div>

​

我试图为即将到来的网页创建倒计时。它应该知道它还剩多少时间，但它总是说00:00:00:00。

Answer 1

您当前的javascript代码有两个错误。您需要按以下方式修复它们：

var now = new Date().getTime();      // getTime
var distance = countDownDate - now;  // countDowndate

以下是完整的解决方案：

    var countDownDate = new Date("Jan 5, 2024 15:37:25").getTime();
    var x = setInterval(function () {
        var now = new Date().getTime(); 
        var distance = countDownDate - now;

        var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);


        document.getElementById("days").innerHTML = days; document.getElementById("hours").innerHTML = hours; document.getElementById("minutes").innerHTML = minutes; document.getElementById("seconds").innerHTML = seconds;

        if (distance < 0) {
            clearInterval(x); document.getElementById("days").innerHTML = "00"; document.getElementById("hours").innerHTML = "00"; document.getElementById("minutes").innerHTML = "00"; document.getElementById("seconds").innerHTML = "00";
        }

    }, 1000);

Answer 2

var countDownDate = new Date(("Jan 05 2024 15:37:25 GMT") ).getTime();

var x = setInterval (function(){ 

var now = new Date().getTime(); 
var distance = countDownDate - now; 
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 
var seconds = Math.floor((distance % (1000 * 60)) / 1000); 
if (distance < 0) { 
    clearInterval (x); 
    document.getElementById("days").innerHTML = "00"; 
    document.getElementById("hours").innerHTML = "00"; 
    document.getElementById("minutes").innerHTML = "00"; 
    document.getElementById("seconds").innerHTML = "00";
}

}, 1000)