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
- 史上最牛的Windows背景音樂Windows
- PPT全程背景音樂設定辦法
- 幾首微軟 Windows 8 廣告背景音樂微軟Windows
- 在Ubuntu內使用聲音切換器簡單切換音訊源Ubuntu音訊
- js實現的點選連結<a>實現切換背景顏色JS
- JS Math.radom()隨機變換JS隨機
- JavaScript元素點選背景顏色切換JavaScript
- 析電子遊戲《空洞騎士》場景切換時的音樂音響處理遊戲
- html5 飄雪花動畫(增加背景音樂)HTML動畫
- php頁面新增背景音樂 控制停止/播放PHP
- 網頁背景音樂程式碼 — 終極篇網頁
- 為網頁新增活動的背景音樂 (轉)網頁
- win10怎麼切換主機正面背面音響_win10切換前後置音響的方法Win10
- 解決js控制元素背景圖片切換時的閃屏問題JS
- 第三章 新增背景音樂與音訊剪輯音訊
- RemoteViews一 仿qq音樂自定義通知欄實現快捷切換歌曲REMView
- JavaScript點選按鈕切換背景顏色JavaScript
- 導航欄背景切換程式碼例項
- 如何將背景音樂嵌入到PPT檔案中
- 什麼軟體能夠給視訊替換背景音樂?支援批量處理嗎?
- 莫扎特、披頭士隨意切換,這個AI會用10種樂器演奏不同風格音樂AI
- JavaScript 背景顏色隨機變化JavaScript隨機
- Spotify音樂下載轉換工具
- 影響遊戲玩家沉浸感的因素——背景音樂&音效遊戲
- Android通過startService播放背景音樂簡單示例Android
- 使用js寫一個音樂音譜圖JS
- React全家桶構建一款Web音樂App實戰(九):皮膚切換ReactWebAPP
- css滑鼠浮劃過切換按鈕背景圖片CSS
- Qt中按鈕背景圖片的切換設定QT
- .Net開發的音訊分離桌面應用,可用於提取背景音樂音訊
- js圖片切換例項JS
- 歷代Windows開機音樂Windows
- 樂1s三種系統桌面怎麼切換 樂視超級手機1s系統桌面切換教程
- windows10如何更改開機音樂_windows10更改開機音樂的方法Windows
- 幻燈片放映模式切換windows terminal背景圖片模式Windows