您可以setTimeout使用递归创建循环：

function timeout() {
    setTimeout(function () {
        // Do Something Here
        // Then recall the parent function to
        // create a recursive loop.
        timeout();
    }, 1000);
}

这个问题setInterval()和setTimeout()是没有保证你的代码将在指定时间运行。通过setTimeout()递归地使用和调用它，您可以确保在下一次代码迭代开始之前超时内的所有先前操作都已完成。

只能补充。如果您需要传递一个变量并对其进行迭代，您可以这样做：

function start(counter){
  if(counter < 10){
    setTimeout(function(){
      counter++;
      console.log(counter);
      start(counter);
    }, 1000);
  }
}
start(0);

输出：

1
2
3
...
9
10

每秒一行。

鉴于这两种时间都不会非常准确，一种setTimeout更准确的方法是计算自上次迭代以来的延迟时间，然后适当调整下一次迭代。例如：

var myDelay = 1000;
var thisDelay = 1000;
var start = Date.now();

function startTimer() {    
    setTimeout(function() {
        // your code here...
        // calculate the actual number of ms since last time
        var actual = Date.now() - start;
        // subtract any extra ms from the delay for the next cycle
        thisDelay = myDelay - (actual - myDelay);
        start = Date.now();
        // start the timer again
        startTimer();
    }, thisDelay);
}

所以第一次它会等待（至少）1000 毫秒，当你的代码被执行时，它可能会有点晚，比如 1046 毫秒，所以我们从下一个周期的延迟中减去 46 毫秒，下一个延迟将是仅 954 毫秒。这不会阻止计时器延迟触发（这是意料之中的），但可以帮助您阻止延迟堆积。（注意：您可能想要检查thisDelay < 0这意味着延迟是目标延迟的两倍以上，并且您错过了一个周期 - 取决于您想如何处理这种情况）。

当然，这可能无法帮助您保持多个计时器同步，在这种情况下，您可能想弄清楚如何使用相同的计时器控制所有计时器。

所以看看你的代码，你所有的延迟都是 500 的倍数，所以你可以做这样的事情：

var myDelay = 500;
var thisDelay = 500;
var start = Date.now();
var beatCount = 0;

function startTimer() {    
    setTimeout(function() {
        beatCount++;
        // your code here...
        //code for the bass playing goes here  

        if (count%2 === 0) {
            //code for the chords playing goes here (every 1000 ms)
        }

        if (count%16) {
            //code for the drums playing goes here (every 8000 ms)
        }

        // calculate the actual number of ms since last time
        var actual = Date.now() - start;
        // subtract any extra ms from the delay for the next cycle
        thisDelay = myDelay - (actual - myDelay);
        start = Date.now();
        // start the timer again
        startTimer();
    }, thisDelay);
}

处理音频时序的最佳方法是使用 Web Audio Api，它有一个独立的时钟，无论主线程中发生什么，它都是准确的。Chris Wilson 在这里提供了很好的解释、示例等：

http://www.html5rocks.com/en/tutorials/audio/scheduling/

浏览此站点以获取更多 Web Audio API，它的开发正是为了满足您的需求。

根据您的要求

给我看一个使用 setTimeout 来循环的基本例子

我们有以下示例可以帮助您

var itr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var  interval = 1000; //one second
itr.forEach((itr, index) => {

  setTimeout(() => {
    console.log(itr)
  }, index * interval)
})