jquery - 使用 setInterval 到另一个 Setinterval

Question

嗨朋友我想只使用一个setInterval函数来运行我的代码。目前我正在使用两个setInterval's来实现我的目标，我们是否可以通过仅使用一个“setInterval”为您的参考获得相同的结果？请转到此链接http://jsfiddle.net/msUyh/，我还在下面提到了我的代码

脚本

    setInterval(function () {
        $('div').css('display', 'none');
    }, 5000);

    var num = 2;
$('div').append('1<br/>')
    setInterval(function () {
        if (num <= 5) {
            $('div').append(num + '<br/>')
            num++;
        }
    }, 1000)

CSS

body, html{height:100%;}
div
{
  position:absolute;
  width:100%;
  height:100%;
  background:#000; 
  display:block;
  font:15px Arial, Helvetica, sans-serif; color:#fff;
}

HTML

<div></div>

Answer 1

只需在原始 setInterval 中添加一些额外的条件

var num = 2;
$('div').append('1<br/>')
setInterval(function () {
    if (num <= 5) {
        $('div').append(num + '<br/>')
        num++;
    } else if (num < 6) {
        num++;
    } else {
        $('div').css('display', 'none');
    }
}, 1000)

小提琴示例

由于您没有提到清除间隔，我假设您可能正在考虑以持续的方式使用它，就像下面的小提琴一样。

重复计数器

Answer 2

 var num = 2;
    $('div').append('1<br/>')
    var setint=    setInterval(function () {

            if (num <= 5) {
                $('div').append(num + '<br/>')
                num++;
            }else{
            $('div').css('display', 'none');
            clearInterval(setint);
           }    
        }, 1000)