0

对于一个作业，我应该“编写一个程序，在屏幕中央显示“完成！”这个词，发出哔哔声，然后删除这个词。我让程序在程序启动后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 还很陌生，所以如果示例程序变得更先进，那么对示例程序为什么工作的描述会很好。

4

1 回答 1

0

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

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

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

于 2013-06-24T00:26:06.237 回答