これは、カチッという音である必要はありません。特定のテンポ/メトロノームを視覚化するために何かが必要です
特定のテンポで音や画像を表示するにはどうすればよいですか?つまり、入力フィールドで調整できるテンポを使用するか、fade
または使用する場合があります。toggle()
何か案は?
これは、カチッという音である必要はありません。特定のテンポ/メトロノームを視覚化するために何かが必要です
特定のテンポで音や画像を表示するにはどうすればよいですか?つまり、入力フィールドで調整できるテンポを使用するか、fade
または使用する場合があります。toggle()
何か案は?
function metronomeTick() {
$("#metronome").toggle();
setTimeout("metronomeTick()", 1000*60/$("#bpm").val());
}
metronomeTick();
JavaScriptsetInterval()
メソッドは、関数の「実行時間」(たとえば、実際にティックを視覚化するのにかかる時間)を考慮していないため、通常はお勧めしません。考え直してみると、setIntervalはタイムクリティカルであるため、この場合はさらに優れています。
を使用setInterval()
すると、コードは次のようになります。
var intervalReference = setInterval("metronomeTick()", 1000*60/$("#bpm").val());
function metronomeTick() {
// Do tick visualisation here, but make sure it takes only a reasonable amount of time
// Less than 1000*60/bpm, that is
}
$("#bpm").change(function() {
clearInterval(intervalReference);
intervalReference = setInterval("metronomeTick()", 1000*60/$(this).val());
});
緩和するために、いくつかのアニメーション拡張機能とパラメーターを確認する必要があると思います。ここから開始できますhttp://api.jquery.com/animate/ そして多分あなたはこの例からいくつかのコードをつかむことができます:http ://www.irengba.com/codewell/loop.html