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 を参照してください。

setTimeout

構文は次のとおりです。var timerId = setTimeout(func|code, delay)

func|code – 関数変数または実行するコードの文字列。

delay – マイクロ秒単位の遅延。1000 マイクロ秒 = 1 秒。実行は、指定された遅延の後に発生します。