javascript - 您可以在使用 Sound.js 播放声音文件后 5 秒内执行操作吗？

Question

我创建了我的声音并在所有设备上播放我的 html5 页面。当音频达到某些点时，我想显示一些动画。可能在 5、10、25 秒。

如果可以，是否可以提供示例代码以在特定时间间隔调用函数？

Answer 1

您可以使用 setTimeout() 非常简单地实现这一点：

// Set up functions that will be triggered during sound playback...
var a = function(){
    console.log("Do something after 5 seconds");
}

var b = function(){
    console.log("Do something after 10 seconds");
}

var c = function(){
    console.log("Do something after 25 seconds");
}

// Play the sound...
createjs.Sound.play("page1");

// Immediately after playing the sound, trigger the time out functions...
setTimeout(a, 5000);  // Triggers after 5 seconds of playback
setTimeout(b, 10000); // Triggers after 10 seconds of playback
setTimeout(c, 25000); // Triggers after 25 seconds of playback

工作示例

可以在此处找到有关 setTimeout 的更多信息：http: //javascript.info/tutorial/settimeout-setinterval

设置超时

语法是： var timerId = setTimeout(func|code, delay)

func|code – 函数变量或要执行的代码字符串。

延迟 – 以微秒为单位的延迟，1000 微秒 = 1 秒。执行将在给定的延迟之后发生。