어떻게 setInterval에서 지연을 멈출 수 있습니까?

Question

나는 슬라이드 쇼를 보여 않는 setInterval을 사용하고, 나는 즉시 슬라이드 쇼를 표시 하 고 싶습니다, 어떻게 내가 처음부터 지연을 방지 할 수 있습니다?

코드 :

setInterval(
     function() { 
         $("body, #resp-background").css({ 
       'background-image': 'url(' + pics[i] + ')', 
       '-webkit-transition': 'background-image .25s ease-in-out', 
       'transition': 'background-image .25s ease-in-out;', 
       '-moz-transition': 'background-image .25s ease-in-out;', 
       'background-size': 'background-image .25s ease-in-out;', 
       '-o-background-size': 'cover', 
       '-moz-background-size': 'cover', 
       '-webkit-background-size': 'cover' 
      }); 

      $('.s-description').html(descriptions[i]); 
      i++; 
      if (i >= pics.length) i = 0; 

     }, 4200); 

Jsfiddle :

http://jsfiddle.net/kx1fgsox/3/

이처럼 당신에게

Answer 1

감사합니다

var slider = function() { /*your code here*/ }; 
slider(); //execute immediately 
setInterval(slider, 4200); //start interval loop 

,
• 또한, 당신은 당신의 i이 0

Answer 2

심지어 청소기로 초기화해야합니다

(function loop() { /* do stuff */ })(); 
window.setTimeout(loop, 1000); 

이 방법, 함수 자동 초기화를 실행합니다.