在另一个jquery事件完成后播放声音

Playing a sound after another jquery event is complete

本文关键字：播放声音 事件 另一个 jquery      更新时间：2023-09-26

对于一项任务，我应该"编写一个显示单词"完成！"在屏幕中央，哔哔声，然后擦除单词。"我让程序在程序启动后1秒显示单词，但我已经尝试了一段时间，不知道如何在单词显示后1秒播放哔哔声。我已经得到了嘟嘟声播放，只是没有在正确的时间。这是html文档的脚本：

$(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;
}

因此，我的问题是，在单词显示后，如何才能播放蜂鸣声。此外，因为我对jquery还很陌生，所以如果一个示例程序变得更高级，那么描述它为什么能工作会很好。

如果你想在"fadeTo"之后执行一些东西，你只需要使用回调函数：

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

只有当fadeTo动画结束时，才会执行回调函数。

相关文章：