如果在jQuery中div计数超过5，如何使用interval停止函数？

Question

即使屏幕上有5个以上的div，它仍然继续，有什么方法可以解决这个问题吗？

if ($('div').length > 5) {
  // Do nothing
} else {
  window.setInterval(function(){
    $(document).ready(function() {
      $('body').append('<div>' + (Math.floor(Math.random() * 9) + 0) + '</div>');
    });
  }, 1000);
}

Answer 1

听起来你想要的是在创建5时清除间隔计时器，这样你就需要在间隔计时器代码中再次检查

类似的东西：

var timer= window.setInterval(function(){
    if ($('div').length > 5){
       clearInterval(timer)
    }else{
        $('body').append('<div>' + (Math.floor(Math.random() * 9) + 0) + '</div>');
    }     

  }, 1000);