Добавить задержку на кнопку, которая также воспроизводит звук

У меня есть кнопка, с которой я использую событие onClick, чтобы воспроизвести звук (правильный ответ на вопрос викторины). Затем я хочу добавить задержку, чтобы у звука было достаточно времени, чтобы разыграть до того, как функция ссылки загрузит следующую страницу. Я пробовал использовать функцию тайм-аута, но я не могу заставить ее работать. Это лучший способ сделать это?Добавить задержку на кнопку, которая также воспроизводит звук

HEAD 
<script> 
$("#correct").click(function() 
{ 
var url = "question2.html"; 
//5000 is the number of milliseconds (or 5 seconds) that you want to wait before redirection. 
var delay = 5000; 
setTimeout(function() { 
window.location.href = url; 
}, delay); 
}); 
</script> 

BODY 

<button onclick="document.getElementById('answer1').play()" id="correct">A) Reduce – make less waste in the first place</button>

источник

2015-02-22 Lampboy2000

Использование тегов HTML5. Поэтому он будет работать только с браузером, поддерживающим HTML5. Тем не менее, я думаю, что это плохая идея для проверки ответа через javascript, поскольку люди могут обманывать и просматривать код и знать, какой ответ исправляется.

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title></title> 

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

<!-- javascript/jQuery --> 
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
</head> 
<body> 
    <div id='audio'>This will be replaced with an audio tag</div> 
    <button id="correct">A) Reduce – make less waste in the first place</button> 
    <script type='text/javascript'> 
    $("#correct").on('click',function(){ 
     $("#audio").stop("true").delay('5000').queue(function() { 
      $(this).html('<audio controls="controls" autoplay="autoplay"><source src="song.mp3" type="audio/mp3" /></audio>'); 
     }); 
    }); 
    </script> 
</body> 
</html>

источник

2015-02-22 20:30:51

Это замечательно, но я хотел бы, чтобы звук воспроизводился, как только нажимается кнопка, а затем перейдите на другую страницу html после завершения звука. – Lampboy2000

Добавить задержку на кнопку, которая также воспроизводит звук

ответ

Смежные вопросы