Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用Javascript创建秒表_Javascript_Timer_Stopwatch - Fatal编程技术网

用Javascript创建秒表

用Javascript创建秒表,javascript,timer,stopwatch,Javascript,Timer,Stopwatch,我想在javascript中为以下用例创建计时器/秒表: 点击“播放”按钮,我启动秒表,点击“暂停”停止。然后diff给了我经过的时间。从这里,我应该显示歌曲的进度时间,并更新它。如果歌曲已完全播放,则计时器应从开始(即0级)开始,否则应从停止的状态开始。 请指导我如何用javascript实现它。如何获取当前时间?(gettime??) 谢谢 Sneha如果您使用它来显示正在播放的音频文件的当前位置,只需使用音频元素的currentTime属性,该属性会随着指针的位置不断更新 或者,最基本的秒

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

点击“播放”按钮,我启动秒表,点击“暂停”停止。然后diff给了我经过的时间。从这里,我应该显示歌曲的进度时间,并更新它。如果歌曲已完全播放,则计时器应从开始(即0级)开始,否则应从停止的状态开始。
请指导我如何用javascript实现它。如何获取当前时间?(gettime??)

谢谢

Sneha

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


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

尝试以下操作:

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
}
document.getElementById('play').onclick=function(){window.play=+newdate();}
document.getElementById('pause')。onclick=function(){
变量差异=(+新日期()/1000)-window.played/1000宋伦秒)
//从头开始的代码
其他的
//如果尚未完全播放,则执行代码
}