JavaScript倒计时脚本：将毫秒转换为小时-分钟-秒

Question

我正在寻找一种简单的方法将毫秒输出为小时-分钟-秒。我已经看到了一些插件，但我不想使用一个在另一个插件中的插件，而且我也看到了很多倒计时片段，但这些都是使用日期，而我使用的是毫秒。

谢谢。

编辑：我正在寻找一种从xxxx毫秒倒数到零的脚本。

//到目前为止我有以下代码

    diff  = 100000000;

    function showTimer() {

        hours = Math.floor( diff / (1000*60*60) );
        mins  = Math.floor( diff / (1000*60) );
        secs  = Math.floor( diff / 1000 );

        $('.count').html(hours+ 'hours' +minutes + 'minutes' +seconds + ' seconds');
    }

    setInterval(function(){showTimer()}, 1000 );

- user759235

---

你需要使用Date来获得可靠的计时器吗？ - Bergi

Answer 1

简单的数学题。

1000毫秒=1秒。

60秒=1分钟。

60分钟=1小时。

因此，如果您有123456789毫秒，您可以执行以下操作：

123456789 / 1000（转换为秒）得到123456.789

123456.789 / 60（转换为分钟）得到2,057.6

2,057.6 / 60（转换为小时）得到34.29小时。

然后使用余数（.2935525），把它转换成分钟 - 得到17.61315

再次使用余数（.61315），将其转换为秒...得到36.789

所以，简而言之，123456789毫秒等于34小时17分钟37秒。

我相信你可以自己完成JavaScript部分。

---

好的，也许您需要更多帮助。

示例：http://jsbin.com/eqawam/edit#javascript,html,live

var millis = 123456789;

function displaytimer(){
    //Thank you MaxArt.
    var hours = Math.floor(millis / 36e5),
        mins = Math.floor((millis % 36e5) / 6e4),
        secs = Math.floor((millis % 6e4) / 1000);
        $('.count').html(hours+':'+mins+':'+secs);  
}

setInterval(function(){
    millis -= 1000;
    displaytimer();
}, 1000);

另外，作为进一步的阅读 - setInterval 可能会漂移。因此不要期望它是100%准确的。 Will setInterval drift?

- ahren

---

我知道格式，但不知道如何使它动态化;-) - user759235

谢谢，这正是我要找的。是的，我知道它不是很准确，但我可以接受一两秒钟的差异;-) - user759235

谢谢，这是我找到的最佳答案。 - Mark Robson

Answer 2

我不确定你要什么，但是...

var hours = Math.floor(millis / 36e5),
    mins = Math.floor((millis % 36e5) / 6e4),
    secs = Math.floor((millis % 6e4) / 1000);

- MaxArt

Answer 3

请看：http://code.google.com/p/jquery-countdown/

我用过这个。

在Javascript中，你可以做以下操作：

        $('#counter_2').countdown({
      image: 'img/digits.png',
      startTime: '10:59',
      timerEnd: function(){
        alert('The Time Limit for the quiz has expired. Click OK to submit quiz');
        $('#submit_quiz_form').submit(); 
      },
      format: 'mm:ss'
    });

您可以使用上述函数获取时间... 当计时器结束时，我需要提交一个表单... 如果需要，您也可以进行类似的操作

- jsshah