html5 audio异步模式测试

<!DOCTYPE html>
<html>
<audio src='step.mp3' style='display:none;' id='step'></audio>
<body>
<script>
function fun1()
{
    var audio = document.getElementById("step");
    audio.play();
    console.log("1");
}

function fun2()
{
    for(var i=0;i<400000;++i)
    {
        for(var j=0;j<10000;++j){
            var v = i/j;
        }
    }
    console.log("2");
}

fun1();
fun2();

</script>
</body>
</html>

fun2中有一个比较耗时的循环。程序执行,控制台会首先输出"1",一会后输出"2",然后才能听到声音。这说明audio是以异步模式播放的。 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章