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是以異步模式播放的。 

 

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