时间戳

首页 > 解决方案 > 在 dom 上实时显示当前时间和实时更新 [React]

javascript - 在 dom 上实时显示当前时间和实时更新 [React]

问题描述

我想在我的应用程序中显示时间。但是，我想自动更新时间，而无需用户刷新页面。

我想要的是显示时间示例：11:59 然后 1 分钟后自动显示 12:00 而无需刷新浏览器。就像一个普通的时钟。

知道如何显示当前秒数也会很有趣。

时间应该是用户位置的实时当前时间。

标签： javascriptreactjs

解决方案

function theTime() {
    let Datte = new Date();
    let H = Datte.getHours();
    let m = Datte.getMinutes();``
    let s = Datte.getSeconds();
    if (H < 10 ){
        H = "0" + H;
    }
    if (m < 10 ){
        m = "0" + m;
    }
    if (s < 10 ){
        s = "0" + s;
    }
    document.getElementById("time").textContent = `${H} : ${m} : ${s}`
}
 setInterval(theTime);
<div id="time"></div>

设置间隔（时间）；

推荐阅读