如何使用jQuery制作节拍器

这不需要有咔哒声。 我需要一些东西来想象某种节奏/节拍器

如何使声音或图像以特定的节奏出现？ 因此，可以使用

fade

或

toggle（）
在输入字段中进行调整

有什么想法吗？
我想你应该看看一些动画扩展和参数，以便于放松。
你可以从这里开始
也许您可以从这个示例中获取一些代码：

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

好的，谢谢你的回答，我在JSFIDLE中尝试过，我如何让用户调整bpm/速度？我的代码示例正在读取#bpm文本字段的值，所以只需在页面中添加一个。当然，我的错误！现在我有了这个；jsfiddle.net/kN3rM/我做错了什么？如何添加手臂并为其设置动画
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());
});