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)

Fiddle example

由于你没有提及清除间隔我假设你可能正在考虑以下面的小提琴这种持续的方式使用它。

Repeating Counter

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)

将setInterval用于另一个Setinterval

2 个答案: