在Javascript中创建秒表

时间:2012-07-13 02:46:55

标签: javascript timer stopwatch

我想在javascript中为以下用例创建一个计时器/秒表:

点击“播放”按钮,我启动秒表并点击“暂停”它停止。然后差异给了我经过的时间。从此,我应该显示歌曲进度时间并更新它。如果完全播放了该歌曲,那么,定时器应该从头开始(即0级),否则它应该从它停止的状态开始。
请指导我如何在JavaScript中执行此操作。如何获得当前时间? (gettime ??)

感谢
斯纳

3 个答案:

答案 0 :(得分:0)

如果您使用它来显示正在播放的音频文件的当前位置,只需使用音频元素的currentTime属性,该属性会不断更新指针的位置。

或者,最基本的秒表只在开始时记录new Date().getTime(),在结束时再次记录并返回差异。

答案 1 :(得分:0)

尝试这样的事情:

document.getElementById('play').onclick = function() { window.played = +new Date(); }
document.getElementById('pause').onclick = function() {
    var difference = (+new Date() / 1000) - window.played / 1000 < songLengthInSeconds;

    if (difference > songLenthInSeconds)
        // code for start from the beginning
    else

        // code if not fully played yet
}

答案 2 :(得分:0)

查看SO帖子的接受答案:How to create a stopwatch using JavaScript?

它可能对你有帮助。