js隨機切換背景音樂
1.通過觸發onended事件呼叫函式改變音訊的src(地址)來達到切歌
<audio autoplay="autoplay" src="cfc.mp3" id="song" onended="change()"></audio>
#onended DOM事件物件
<script type="text/javascript">
var song = document.getElementById(`song`);
music =new Array(`音樂存放的地址eg:media/xxx.mp3`,`xxxxxx`,`xxxx`);
function change() {
if(song.ended){#判斷音樂是否播放完
index = Math.floor(Math.random()*music.length);
#Math.floor()就近取整
#Math.random() 0-1內的隨機數 Math.random()*10代表0-10內的隨機數
song.src=music[index];
song.play();
}
}
</script>
2.通過設定監聽事件
<script type="text/javascript">
var song = document.getElementById(`song`);
music =new Array(`media/cfc.mp3`,`media/fhm.mp3`);
song.addEventListener("onended" ,function(){
if(song.ended){
index = Math.floor(Math.random()*music.length);
song.src=music[index];
song.play();
}
});
</script>
照搬以上程式碼是執行不了的,把他放到window.onload=function(){ } 去,才能執行
element.addEventListener(event, function, useCapture)
相關文章
- win10怎麼自定義背景圖切換_win10自定義背景圖片隨機切換的步驟Win10隨機
- js播放背景音樂失敗處理JS
- JS動態相簿--隨滑鼠所至切換封面圖JS
- JS Math.radom()隨機變換JS隨機
- 解決js控制元素背景圖片切換時的閃屏問題JS
- win10怎麼切換主機正面背面音響_win10切換前後置音響的方法Win10
- 析電子遊戲《空洞騎士》場景切換時的音樂音響處理遊戲
- js圖片切換例項JS
- 點選導航欄切換背景色效果
- 滑鼠懸浮背景上下翻滾切換導航
- 第三章 新增背景音樂與音訊剪輯音訊
- 什麼軟體能夠給視訊替換背景音樂?支援批量處理嗎?
- 莫扎特、披頭士隨意切換,這個AI會用10種樂器演奏不同風格音樂AI
- 使用js寫一個音樂音譜圖JS
- html5 飄雪花動畫(增加背景音樂)HTML動畫
- css滑鼠浮劃過切換按鈕背景圖片CSS
- 幻燈片放映模式切換windows terminal背景圖片模式Windows
- Spotify音樂下載轉換工具
- Js Math隨機數JS隨機
- Sidify Music Converter for MacSpotify音樂轉換器Mac
- 音樂轉換器(tidabie tidal music converter)
- 影響遊戲玩家沉浸感的因素——背景音樂&音效遊戲
- .Net開發的音訊分離桌面應用,可用於提取背景音樂音訊
- JS生成隨機密碼JS隨機密碼
- CSS 如何根據背景色自動切換黑白文字?CSS
- datatable.js之tab切換(新增,刪除)JS
- 運用JS 實現隨機點名 (隨機點名)JS隨機
- 音樂格式轉換:java程式碼實現Java
- Mac音樂轉換器——Macsome iTunes Converter for MacMac
- Mac Spotify音樂轉換器:Viwizard Music ConverterMac
- Spotify音樂轉換軟體Sidify Music Converter
- win10 如何設定桌面背景自動切換_win10系統怎麼設定桌面切換Win10
- windows10如何更改開機音樂_windows10更改開機音樂的方法Windows
- 程式切換(上下文切換)
- goroutine上下文切換機制Go
- Oracle 單機切換為主備Oracle
- win10系統耳機和音響不能自動切換如何解決Win10
- ?一起切換到 Node.js 平臺Node.js