在 Javascript 中创建秒表答案

【问题标题】：Creating a Stop Watch in Javascript在 Javascript 中创建秒表
【发布时间】：2012-07-13 02:46:55
【问题描述】：

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

点击“播放”按钮，我启动秒表，点击“暂停”，秒表停止。然后差异给了我经过的时间。由此，我应该显示歌曲进度时间并更新它。如果歌曲完全播放完毕，则计时器应从头开始（即 0 级），否则应从已停止的状态开始。
请指导我如何在javascript中做到这一点。如何获取当前时间？ (gettime??)

谢谢
斯内哈

【问题讨论】：

标签： javascript timer stopwatch

【解决方案1】：

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

或者，最基本的秒表只是在启动时记录new Date().getTime()，在结束时再次记录并返回差值。

【讨论】：

【解决方案2】：

试试这样的：

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
}

【讨论】：