javascript - div 文本未在 javascript 代码上更新

Question

var now = new Date().getTime();
var remainingSeconds = (new Date(new Date(new Date(now + 3600000).setMinutes(1)).setSeconds(0)) - now) / 1000;
console.log(remainingSeconds);
if (remainingSeconds>=120) {
    $('#countdown').text('120');
}else{
    $('#countdown').text(remainingSeconds);
}

我使用此代码来计算从现在到下一小时第一分钟之间有多少秒。要点是，如果剩余秒数小于 120 秒，则 div 文本不会更改。该脚本已在文档中准备好，因为我只在页面加载时检查它。我创建了一个fiddle为此。

Answer 1

问题是，代码中的 remainingSeconds 永远不会低于 60。这是包含解决方法/解决方案的更新版本。

$(document).ready(function(){
    var now = new Date().getTime();
    var remainingSeconds = (new Date(new Date(new Date(now + 3600000).setMinutes(1)).setSeconds(0)) - now) / 1000;
    // --- Workaround-Begin ---
    if ( remainingSeconds >= 3600 ) {
        remainingSeconds -= 3600;
    }
    // --- Workaround-End ---
    console.log(remainingSeconds);
    if (remainingSeconds>=120) {
        $('#countdown').text('120');
    }else{
        $('#countdown').text(remainingSeconds);
    }
});