如何使用jQuery制作节拍器
如何使用jQuery制作节拍器
提问于 2011-02-16 20:36:41
这不一定要有滴答声。我需要一些东西来可视化特定的节奏/节拍器
怎样才能使声音或图像以特定的节奏出现？因此，可以使用fade或toggle()，然后使用您可以在输入字段中调整的节奏。
有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-02-16 20:44:30
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());
});Stack Overflow用户
发布于 2011-02-16 20:41:50
我想你应该看看一些动画扩展和参数来缓解。你可以从这里开始http://api.jquery.com/animate/，也许你可以从这个例子中获取一些代码：http://www.irengba.com/codewell/loop.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5016480
复制相关文章
相似问题
腾讯云开发者
