javascript - 如何在午夜或基本上在 Javascript 的新一天更新当前日期

Question

所以我有网络观看什么应该 24/7 工作。它显示数字时间和当前日期。没有其他的。

我的问题是当午夜过后，当天不会更新，我需要重新启动整个应用程序。

我尝试为 showDate() 函数添加 setTimeout，但它没有帮助我。我正在考虑在几天内移动 +1。有什么更有效的吗？

function showdate(){

    var date = new Date();
    var day = date.getDay();

    var name = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][day];

    document.getElementById("date").textContent = name;

}

showdate();

function showTime(){
    var date = new Date();
    var h = date.getHours(); // 0 - 23
    var m = date.getMinutes(); // 0 - 59
    var s = date.getSeconds(); // 0 - 59
    var session = "AM";

    if(h === 0){
        h = 24;
    }

    /*if(h > 12){
        h = h - 12;
        session = "PM";
    }*/

    h = (h < 10) ? "0" + h : h;
    m = (m < 10) ? "0" + m : m;
    s = (s < 10) ? "0" + s : s;

    var time = h + ":" + m + ":" + s;
    /*var sess = session;*/
    document.getElementById("MyClockDisplay").innerText = time;
    document.getElementById("MyClockDisplay").textContent = time;
   /* document.getElementById("PM").textContent = sess;*/

    setTimeout(showTime, 1000);     

   }

showTime();

谢谢你的任何想法。

Answer 1

您的代码不会自动执行。你应该像这样定期调用它:

function showdate(){

    var date = new Date();

    var day = date.getDay();

    var name = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][day];

    document.getElementById("date").textContent = name;

        console.log('show date');
}

setInterval(showdate, 1000)

这样，客户端将每秒获取新日期(其中 1000 以毫秒为单位)。但是您可以将时间更改为适合您需要的任何值(请记住它以 ms 为单位)。

你也可以看看this example .