播放伴隨在Javascript

隨機圖像我有一個隨機的圖像生成像這樣一個聲音：播放伴隨在Javascript

<head> 

<script language="JavaScript"> 
function pickimg(){ 
    var imagenumber = 4 ; 
    var randomnumber = Math.random() ; 
    var rand1 = Math.round((imagenumber-1) * randomnumber) + 1; 
    images = new Array 
    images[1] = "image1.jpg" 
    images[2] = "image2.jpg" 
    images[3] = "image3.jpg" 
    images[4] = "image4.jpg" 
    var image = images[rand1] 
    document.randimg.src = image 
    } 
</script> 

</head> 

<body onLoad="pickimg()"> 

<a href="" onClick="pickimg();return false;"><body onLoad="pickimg()"> 

<a href="" onClick="pickimg();return false;"><IMG SRC="YOUR IMAGE" name="randimg" border=0 width="100%" height="100%"></a></a> 

</body>

當顯示image1.jpg，我想也發揮sound1.wav。當顯示image2.jpg時，我還想播放sound2.wav，等等。

我該怎麼做？使用你已經實現了相同的邏輯

來源

2013-10-31 xd1936

看看HTML5'

播放音頻不是我的麻煩;它使它匹配正確的圖像。 – xd1936

，你可以做這樣的事情：

<body onLoad="pickimg()"> 
    <a href="" onClick="pickimg();return false;"><body onLoad="pickimg()"> 
    <a href="" onClick="pickimg();return false;"><IMG SRC="YOUR IMAGE" name="randimg" border=0 width="100%" height="100%"></a></a> 
    <audio id="audioTag"></audio> 
    <script> 
     function pickimg() { 
      var imagenumber = 4; 
      var randomnumber = Math.random(); 
      var rand1 = Math.round((imagenumber - 1) * randomnumber) + 1; 
      images = new Array 
      images[1] = "image1.jpg" 
      images[2] = "image2.jpg" 
      images[3] = "image3.jpg" 
      images[4] = "image4.jpg" 
      var image = images[rand1]; 
      document.randimg.src = image 

      var sounds = new Array 
      sounds[1] = "sound1.wav" 
      sounds[2] = "sound2.wav" 
      sounds[3] = "sound3.wav" 
      sounds[4] = "sound4.wav" 
      var sound = sounds[rand1]; 
      audioTag.src = sound; 
      audioTag.play(); 
     } 
    </script> 
</body>

這是未經測試，並且有這樣做的更好的辦法，但我用一個已經實現你的邏輯讓你更容易。

僅供參考 - 「語言」屬性尚未使用多年。

來源

2013-10-31 16:06:56

謝謝！這很棒！你不必重寫或任何東西，但我應該如何更好地做到這一點？ – xd1936

實際上，您可以完全刪除陣列，因爲您的文件名包含一個數字，然後直接將該數字插入到文件名中。請參閱：http://jsfiddle.net/hdrenollet/Pu7Bu/ –

播放伴隨在Javascript

回答

相關問題