html5的audio时间更新事件ontimeupdate如何更流畅的更新

Question

想根据音乐播放时间做一个音乐播放的进度条，但是ontimeupdate每次更新时间时会一卡一卡的，怎么能让它平滑的增加时间呢？下面是菜鸟教程上的一个例子，currentTime的显示值是：4.7，5.0，5.5这样的不规则递增的顺序，怎样让它4.7，4.8，4.9这样有规律的增加呢？

http://www.runoob.com/try/try...

Answer 1

// 获取 id="myVideo" 的 video 元素
var vid = document.getElementById("myVideo");

// 为 video 元素添加 ontimeupdate 事件，如果当前播放位置改变则执行函数  
//vid.ontimeupdate = function() {myFunction()};
setInterval( myFunction,100)
function myFunction() 
{
    // 显示 id="demo" 的 p 元素中视频的播放位置 
    document.getElementById("demo").innerHTML = (vid.currentTime).toFixed(1);
}