JavaScript函數和按鈕

Question

我要打許多音樂按鈕，但每次做新的按鈕，新audio.this是我的代碼

的JavaScript

audio = new Audio(); 

audio.src = "music/examples.mp3" 
audio.loop = false; 

function play1() { 
    audio.play(); 
} 

function pause1() { 
    audio.pause(); 
} 

var audio2 = new Audio(); 
audio2.src = "music/examples1.mp3" 
audio2.loop = false; 

function play2() { 
    audio2.play(); 
} 

function pause2() { 
    audio2.pause(); 
} 

HTML

<button onclick="play1()"></button> 
<button onclick="pause1()"><i class="fa fa-pause-circle" style="color: #848484"></i> 
</button> 
</i> -examples1 
<br> 

<button onclick="play2()"></button> 
<button onclick="pause2()"><i class="fa fa-pause-circle" style="color: #848484"></i> 
</button> 
</i> examples 
<br> 

<button onclick="play3()"></button> 
<button onclick="pause3()"><i class="fa fa-pause-circle" style="color: #848484"></i> 
</button> 
</i> -examples3 
<br> 

我想單一的音頻和單一功能，將運行所有人

Answer 1

如果我明白你想要什麼co rrectly，這裏的一些JS，使得它更易於創建/播放/暫停音軌：

var audios = {}; 

function makeAudio(key, src) { 
    var newAudio = new Audio(); 
    newAudio.src = src; 
    newAudio.loop = false; 
    audios[key] = newAudio; 
} 

function pause(key) { 
    audios[key].pause(); 
} 

function play(key) { 
    audios[key].play(); 
} 

makeAudio(1, 'music/examples.mp3'); 
makeAudio(2, 'music/examples1.mp3'); 

而且你的按鈕會像

<button onclick="play(1)"></button> 
<button onclick="pause(1)"><i class="fa fa-pause-circle" style="color: #848484"></i></button></i> -examples1<br>