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

Bind the function到video's timeupdate event而不是按钮的click事件，或通过setInterval

运行

Answer 2

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

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