Question

我在html视图中添加了DateTime.Now。我需要它在视图中自动更新。

这是我的代码：

<span id="footer_clock"></span>

<script>
    setInterval(function () {           
        var now = new Date();
        var currentdateTime = now.toLocaleDateString() + " " + now.toLocaleTimeString();
        document.getElementById('footer_clock').textContent = currentdateTime;
    }, 1000);
</script>

Answer 1

您可以在setInterval函数中使用它-它会每隔（n）毫秒更新作为第二个参数传递的数字的日期。

function doDate(){
 console.log(Date.now());
}
setInterval(doDate, 1000);

Answer 2

一旦服务器交付了html页面，一切都会在客户端发生……服务器交付页面的“副本”，浏览器将其获取，解析，显示然后运行脚本和所有相关信息。

然后唯一的方法是使用setInterval函数设置计时器。解决此问题的常用方法是将计时器设置为每秒“唤醒”（但您可以选择延迟）。重要提示：延迟以毫秒为单位。

目前，您有2个选项：依靠用户的DateTime或模拟服务器DateTime。

如果您想依靠用户的DateTime很简单，请在回调函数中使用JS函数：

function timeNow() 
{
    console.log(Date.now());
}
setInterval(timeNow, 1000);

如果要模拟服务器DateTime，则必须设置基本Date对象：

var serverTime = <?php echo time() * 1000; ?>;
function timeNow() 
{
    serverTime += 1000;
    console.log(serverTime);
}
setInterval(timeNow, 1000);

但是要小心模拟服务器DateTime，因为

您不会完全同步。与真实服务器DateTime一起使用
您可能会对区域产生不良影响

在HTML中以毫秒为单位显示当前日期时间

2 个答案: