如何使用javascript动态显示播放进度

Question

代码（略去部分）：

$.Audio || ($.Audio = new Audio);
$.Audio.src = '...';
var id = '19283749';
$.Audio.play();
$.Audio.addEventListener("canplaythrough", function() {
    var ct = $.Audio.currentTime,
        dt = $.Audio.duration;
    $(".process-" + id).html(ct / dt * 100 + '%;');
}, false);
}

这样只能执行一次，显示的进度是0%，怎样写才可以让他动态显示？

Answer 1

有个timeupdate事件
可以看看
https://developer.mozilla.org...

Answer 2

currentTime属性可以获得已经播放了多少秒，duration获得总时长，设置一个定时器定时监听以播放时间，再除以总长度就得到了播放的进度