javascript - 使用 jquery 更新时间跨度

Question

我有一个小脚本，它应该用当前时间更新一个跨度。

此脚本在 setInterval 之前有效，但在 setInterval 期间无效。

HTML:

<?= date("d/m/Y") ?> <span id="time"></span>

Javascript:

$(document).ready(function(){
    var dt = new Date();
    var time = dt.getHours() + ":" + dt.getMinutes();
    $("#time").text(time);
    setInterval(function(){
        console.log("interval");
        time = dt.getHours() + ":" + dt.getMinutes();
        $("#time").text(time);
    },5000);
});    

带有 id time 的 span 只是不改变时间。

Answer 1

每次都需要设置dt，date对象不会一直更新时间。它保留在创建时。

请参阅此代码和此 fiddle

var dt = new Date();
var time = dt.getHours() + ":" + dt.getMinutes();

$("#time").text(time);

setInterval(function(){

    dt = new Date();
    time = dt.getHours() + ":" + dt.getMinutes();

    $("#time").text(time);

},5000);