jquery - 使用 setInterval 到另一个 Setinterval

Question

嗨， friend 们，我想只使用一个 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)

Fiddle example

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

Repeating Counter