Question

对于作业，我应该“在屏幕中央写一个显示单词”Done！“的程序，发出哔哔声，然后删除单词。”程序启动后（故意）我得到程序显示 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相当新，所以如果一个示例程序工作原理的说明会很好。如果它被提升了。

Answer 1

如果您希望在“fadeTo”之后执行某些操作，则只需使用回调函数：

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

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

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

1 个答案: