javascript - HTML5 视频时长

Question

这里我有一个javascript函数：

function displayDuration(){
var vdo = document.getElementById('v');
document.getElementById('dur').innerHTML = vdo.currentTime+" / "+vdo.duration;
}

我可以这样称呼：<button onclick='displayDuration()'>Display duration</button>

但我想在 div 中显示当前时间，从一开始就没有按钮，这样它就可以继续动态更新它，就像 youtube 一样。

请帮忙！

Answer 1

对不起，伙计们，但我找到了答案：

<script>
var vid = document.getElementById('screen');
vid.addEventListener('timeupdate',function(){
//whatever
});
</script>

Answer 2

将函数绑定到视频的timeupdate事件而不是按钮的click事件，或者通过setInterval