javascript - 如何在 Javascript 中每分钟更新一次日期时间？

Question

我正在使用以下代码在我的网页上显示日期。我需要每分钟更新一次。如何做到这一点？

var d=new Date();
var n=d.toString();
document.write(n);

目前它是静态的，意味着当页面加载时，显示那一刻的日期时间。我必须每分钟更新一次时间而不刷新页面。

Answer 1

尝试使用 setInterval():http://jsfiddle.net/4vQ8C/

        var nIntervId; //<----make a global var in you want to stop the timer
                       //-----with clearInterval(nIntervId);
        function updateTime() {
            nIntervId = setInterval(flashTime, 1000*60); //<---prints the time 
        }                                                //----after every minute

        function flashTime() {
            var now = new Date();
            var h = now.getHours();
            var m = now.getMinutes();
            var s = now.getSeconds();
            var time = h + ' : ' + m + ' : ' + s;
            $('#my_box1').html(time); //<----updates the time in the $('#my_box1') [needs jQuery]                
        }                             

        $(function() {
            updateTime();
        });

您可以使用 document.getElementById("my_box1").innerHTML=time; 代替 $('#my_box1')

来自 MDN:

关于 setInterval :--->重复调用函数或执行代码片段，每次调用该函数之间有固定的时间延迟。

关于 setTimeout:----> 在指定延迟后调用函数或执行代码片段。