需求:獲取頁面中多個audio時間并顯示到對應(yīng)div中曾實現(xiàn)手段:1、利用定時器延時,等待頁面加載結(jié)束后去獲取時間問題:部分div中返回NaN,原因可能是部分audio并未加載結(jié)束,而獲取的時間并未被找到進(jìn)行字符串處理后為NaN2、循環(huán)調(diào)用定時器,若時間未被取到,繼續(xù)調(diào)用定時器去查找問題:頁面加載速度過慢,用戶體驗差 var aud = document.getElementsByClassName('aud'); function getTime() { setTimeout(function () { for(var i=0;i<aud.length;i++){ if(isNaN(aud[i].duration)){ getTime(); } else{ $('#audio-'+(i+1)+' .audio-text').html(aud[i].duration.toString().replace('.', "'").slice(0,3) + '"') } } }, 10); } getTime();求一個在不損失大量性能前提下較優(yōu)的方案,目前單純加延時和反復(fù)查詢的方法都不太適合
audio標(biāo)簽獲取時間返回NaN
三國紛爭
2018-10-11 15:31:20