30 초마다 다른 함수를 호출하는 JavaScript 루프

Question

시계 + 날짜, 현재 날씨, 7 일 일기 예보, 뉴스 및 캘린더 이벤트 사이를 반복하는 간단한 페이지를 만들려고합니다. 이 '항목'은 기능을 사용할 때 호출됩니다.

예 : 나는 다음과 같은 함수를 만들었습니다 :

displayTime();  // Time + date using Moment.js 
currentWeather(); // Current weather using Forecast.io  (AJAX call) 
forecastWeather(); // Weekly forecast of the weather   (AJAX call) 
latestNews();  // Latest headlines from RSS source/s  (AJAX call) 
calendarEvents(); // Calendar events from iCloud calendars 

그들은 모두 스스로 호출 할 때 완벽하게 작동합니다. jQuery 문서를 준비 할 때 clock + date 함수를 호출하고 30 초를 기다린 후 다음 함수 (현재 날씨)를 호출하려고합니다. 모든 함수가 루프를 통과 한 후에는 루프가 시계로 돌아가서 다시 시작하기를 바랍니다.

어떻게 할 수 있습니까?

다시 편집 : Chop의 제안을받은 후 시계가 매초마다 계획대로 업데이트되지만 30 초마다 기능이 전환되지 않습니다.

jQuery(document).ready(function ($) {  
    function displayOne(){ 
     displayTime(); 
     setTimeout(displayTwo, 30000); 
    } 
    function displayTwo() { 
     currentWeather(); 
     setTimeout(displayOne, 30000); 
    } 
    displayOne(); 
    setInterval(displayTime, 1000); 
}); 

Answer 1

당신은처럼 그들을 체인 수있는이

function callFx(fx) { 
    setTimeout(fx, 30000) 
} 

function function1() { // update weather 
    callFx(function2) 
} 
function function2() { // update time 
    callFx(function3) 
} 
function function3() { // some operation 
    callFx(function1) 
} 

또는 setInterval을

var functions = [function1, function2, function3] 
var index = 0 

setInterval(function() { 
    functions[index]() 
    if(!functions[++index]) index = 0 
}, 30000) 

---

는 전체 코드 당신은`당신이 원하는 setTimeout`를 사용

jQuery(document).ready(function ($) {  
    function displayOne(){ 
     setTimeout(displayTwo, 30000) 
    } 
    function displayTwo() { 
     currentWeather() 
     setTimeout(displayOne, 30000) 
    } 
    displayOne() 
    setInterval(updateTime, 1000) 
}) 

Answer 2

당신이 바로 그 위젯의 현재 상태에 따라 당신의 함수 중 하나를 호출하여 위젯의 내용을 변경을 담당하는 다른 함수를 호출하는 트리거 setInterval()를 사용할 수 있습니다.