jQueryでメトロノームを作るにはどうすればいいですか？

Question

これはクリック音である必要はありません。 特定のテンポ/メトロノームを視覚化するために何かが必要です

特定のテンポでサウンドやイメージを表示するにはどうすればよいですか？ だから、フェードやトグル（）を使用しているかもしれませんが、入力フィールドで を調整することができます。

アイデア？

Answer 1

function metronomeTick() { 
    $("#metronome").toggle(); 
    setTimeout("metronomeTick()", 1000*60/$("#bpm").val()); 
} 

metronomeTick(); 

それが機能「実行時間」を（それにかかる時間保持していないとのJavaScript setInterval()方法が一般的に推奨され

例えば、実際には目盛りを視覚化すること）を念頭に置いてください。 2番目の考えでは、setIntervalは時間が重要なので、この場合はさらに良いでしょう。どのように私は、ユーザーがBPM /速度を調整させることができ、

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()); 
}); 

Answer 2

私はイージングのためにいくつかのアニメーションの拡張子とパラメータを見るべきだと思います。 あなたはここに を開始することができますし、多分あなたは、この例からいくつかのコードをつかむことができます：http://www.irengba.com/codewell/loop.html