当前位置：文江博客话题详情

我如何用 jQuery 制作节拍器

发布于 2024-10-17 10:22:05 字数 154 浏览 6 评论 0原文

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

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

有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情泪▽动烟 2024-10-24 10:22:05

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

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

metronomeTick();

The JavaScript setInterval() method is generally discouraged as it doesn't keep the function "execution time" (how long it takes to, for instance, actually visualize the tick) in mind. On second thought, setInterval would be even better in this case, since it's time-critical.

With setInterval(), the code would look something like:

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

回复收藏 0 原文