使用setInterval進入另一個Setinterval

Question

嗨朋友我想運行我的代碼只使用一個setInterval函數。目前我使用兩個setInterval's實現我的目標，我們可以得到相同的結果只使用一個「的setInterval」你REFF pleaase去這個鏈接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)