jquery - 我如何用 jQuery 制作节拍器

Question

这不必伴随着咔嗒声。 我需要一些东西来可视化特定的节奏/节拍器

如何让声音或图像以一定的节奏出现？ 因此，也许可以使用 fade 或 toggle() 但然后使用您可以的节奏 在输入字段中进行调整。

有什么想法吗？

Answer 1

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

metronomeTick();

JavaScript setInterval() 方法通常不被鼓励，因为它没有记住函数的“执行时间”(例如，实际可视化刻度需要多长时间)。再想一想，在这种情况下 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());
});