javascript - 在使用当前时间更新元素时​​，如何在 jQuery 中将秒数转换为分钟数？

Question

所以我看到了多种显示(静态)小时/分钟/秒的秒数分配的方法。但是，我正在尝试制作一个视觉倒数计时器:

$('#someelement').html(minCounter + ' minutes ' + ((secCounter == 0) ? '' : (secCounter + ' seconds')));

我的计数器在每 1 秒触发一次的 SetInterval 中减少:

//.......
var counter = redirectTimer;
jQuery('#WarningDialogMsg').html(minCounter + ' minutes ' + ((secCounter == 0) ? '' : (secCounter + ' seconds')));

//........

SetInternval( function() {
    counter -= 1;
    secCounter = Math.floor(counter % 60);
    minCounter = Math.floor(counter / 60);

//.......

  $('#someelement').html(minCounter + ' minutes ' + ((secCounter == 0) ? '' : (secCounter + ' seconds')));
}, 1000)

这是一个两分钟的计数器，但我不想显示 120 秒。我想显示 1 : 59(并倒计时)。

我已经设法使用上面的方法让它工作，但我的主要问题是:是否有更优雅的方法来完成上面的操作？(注意:我重定向一次“counter == 0").

Answer 1

尝试 http://ejohn.org/blog/javascript-pretty-date/

或者这个:

var old_date = new Date('Wed Dec 29 2010 21:56:33');
var time_update = dateDiff(old_date, new Date()); // {"diff":119000,"ms":0,"s":59,"m":1,"h":0,"d":0}


function dateDiff(date1, date2) {
    var diff = Date.parse(date2) - Date.parse(date1);

    if (diff < 0) return false;
    var objDate = isNaN(diff) ? NaN : {
        diff: diff,
        ms: Math.floor(diff % 1000),
        s: Math.floor(diff / 1000 % 60),
        m: Math.floor(diff / 60000 % 60),
        h: Math.floor(diff / 3600000 % 24),
        d: Math.floor(diff / 86400000)
    };
    return objDate;
}