運行函數x次數

Question

我試圖讓div每30秒出現一次，但只有5次。我的代碼工作正常，只是通過div循環，每隔30秒顯示一個div，但是我需要它在完成這5次後停止。

$(window).bind("load", function flashing() { 
    var counter = 0, 
    divs = $('.flash-image'); 
    function showDiv() { 
     divs.hide() // hide all divs 
     .filter(function (index) { return index == counter % 30; }) 
     .show('fast'); 
     counter++; 
    }; 

    showDiv(); // show first div  
    setInterval(function() { 
     showDiv(); // show next div 
    }, 1 * 1000); // do this every 1 seconds 
}); 

Answer 1

var amount = 0; 
var timerId = setInterval(function() { 
    showDiv(); // show next div 
    amount++; 
    if(amount === 5) { 
     clearInterval(timerId); 
    } 
}, 1 * 1000); // do this every 1 seconds 

Answer 2

$(window).bind("load", function flashing() { 
    var counter = 0, 
    divs = $('.flash-image'); 
    function showDiv() { 
     divs.hide() // hide all divs 
     .filter(function (index) { return index == counter % 30; }) 
     .show('fast'); 
     counter++; 
    }; 

    showDiv(); // show first div  
    var inter = setInterval(function() { 
     if(counter < 5){ 
      showDiv(); // show next div 
     }else{ 
      clearInterval(inter); 
     } 
    }, 1 * 1000); // do this every 1 seconds 
});