jquery - Random sound from array Javascript -
i trying play random sound effect once button click. basically, created array of sound shown below. goal is, when users click button, want pick random sound array, works once page refreshed. when users click button @ second or third time, return return same result on , on again.
function sound_return(){ var sound_array = ["sound1.mp3", "sound2.mp3"]; var sound = sound_array[math.floor(math.random() * sound_array.length)]; return sound; } var audioelement = document.createelement('audio'); audioelement.setattribute('src', 'sound/'+sound_return()); audioelement.load() $.get(); audioelement.addeventlistener("load", function() { audioelement.play(); }, true); $('#sound').click(function(event){ event.preventdefault(); audioelement.play(); });
you need set audio source , load during every click
function sound_return(){ var sound_array = ["sound1.mp3", "sound2.mp3"]; var sound = sound_array[math.floor(math.random() * sound_array.length)]; return sound; } var audioelement = document.createelement('audio'); audioelement.addeventlistener("load", function() { audioelement.play(); btn.hide(); }, true); audioelement.addeventlistener("ended", function() { btn.show(); }, true); var btn = $('#sound').click(function(event){ event.preventdefault(); audioelement.setattribute('src', 'sound/'+sound_return()); audioelement.load(); });
Comments
Post a Comment