Выполнение звука после другого события jquery завершено

Для задания я должен «Написать программу, которая отображает слово« Готово! »В центре экрана, подает звуковой сигнал, а затем стирает слово». Я получил программу для отображения слова 1 секунда после запуска программы (намеренно), но я пробовал какое-то время и не могу понять, как воспроизвести звуковой сигнал через одну секунду после слово отображается. Я получил звуковой сигнал, но не в нужное время. Это скрипт для HTML документа:Выполнение звука после другого события jquery завершено

$(document).ready(function() { 

    $("div").delay(1000).fadeTo("2000", 1) 

});

Вот фактический HTML документ:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>PP1114</title> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.js"></script> 
     <script type="text/javascript" src="PP1114.js"></script> 
     <link rel="stylesheet" type="text/css" href="PP1114.css"> 
    </head> 
    <body> 
     <div> 
      <p id="done">Done!</p> 
     </div> 
    </body> 
</html>

Все мои CSS делает это дает элемент помутнение 0, так что невидимо на первом, и то может исчезнуть в том, когда сценарий говорит его:

div { 
    opacity: 0; 
}

Так что мой вопрос, как я могу получить сигнал аудио для воспроизведения после слово displaye д. Кроме того, поскольку я довольно новичок в jquery, описание того, почему пример программы работает, было бы неплохо, если бы оно продвигалось вперед.

источник

2013-06-24 Iggyfan56

Если вы хотите что-то будет выполняться ПОСЛЕ «fadeTo», вам просто нужно использовать функцию обратного вызова:

$("div").delay(1000).fadeTo("2000", 1, function() { 
    //code for sound execution here 
    }); 
});

Функция обратного вызова будет выполняться только тогда, когда анимация fadeTo заканчивается.

источник

2013-06-24 00:26:06

Работы, спасибо! – Iggyfan56

Выполнение звука после другого события jquery завершено

ответ

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