javascript - 具有延迟、重置和重新启动功能的计时器？ jQuery

Question

所以我基本上有一个计时器，每 4 秒计算 1 个数字。当达到 10 时停止。

问:如何让计时器在 10 处停止几秒钟，然后在 1 处再次开始计数？

    var i = 8;
setInterval( increment, 4000);
function increment(){
if(i<=10)
{
console.log(i);
 $('.increase').html('').append(i);
i++;
}

}

JSfiddle:http://jsfiddle.net/0t3s8erj/

Answer 1

使用else!

var counter = 0

function increment () {
  counter++

  if (counter <= 10) {
    console.log(counter)
  } else {
    clearInterval(incrementInterval)

    setTimeout(function () {
      incrementInterval = setInterval(increment, 4000)
    }, 10000)
  }
}

incrementInterval = setInterval(increment, 4000)