getJSON 호출에서 반환 된 데이터가 변경되면 트리거 이벤트

Question

나는 한 번 호출 한 getJSON 함수를 가지고 있으며 setInterval() 함수를 사용하여 값을 변경할 수있는 thingspeak.com 채널 피드를 수신합니다. 시각.

리턴 된 데이터 field1의 값이 '1'일 때 getJSON 함수 외부의 jQuery 코드에서 이벤트를 트리거하려고합니다. 값이 '0'이면 이벤트를 해제해야합니다. 여태까지는 그런대로 잘됐다. 그러나 getJSON이 몇 초 간격으로 채널 피드를 듣고 있기 때문에 이벤트 (timer() 함수)가 반복해서 발생합니다.

getJSON 이벤트를 "백그라운드에서 실행 중"으로 설정하고 채널 피드에서 반환 된 데이터가 실제로 변경된 경우에만 어떻게 실행합니까? 반환 된 데이터에는 데이터 항목 (entry_id)의 고유 ID가있는 필드도 있으므로이 값의 변경을 수신 할 수 있습니다.

는 현재이 코드를 실행 : 업데이트하지 않습니다 보인다

$(document).ready(function() { 
    getUpdates(); 
    setInterval('getUpdates()',400);  
}); 

function getUpdates() { 
    var entries = new Array(); 
    $.getJSON('http://api.thingspeak.com/channels/xxx/feed/last.json?callback=?', {key: "xxx"}, function(data) { 
     if ($.inArray(data.entry_id,entries) === -1) { 
      //New entry, add the ID to the entries array 
      entries.push(data.entry_id); 

      //Check if the div should be visible or not 
      if(data.field1 == '1') { 
       $(".desc").show(); 
      } else if(data.field1 == '0') { 
       $(".desc").hide(); 
      } 
     } else if ($.inArray(data.entry_id,entries) > -1) { 
      // Same entry as previous call, do nothing. 
     } 
    }); 
} 

<div class="desc"></div> 

이 여전히 작동하지 않습니다 여기에

$(document).ready(function() { 
    getUpdates(); 
    setInterval('getUpdates()',400); 
}); 

function getUpdates() { 
    $.getJSON('http://api.thingspeak.com/channels/xxx/feed/last.json?callback=?', {key: "xxx"}, function(data) { 
    if(data.field1 == '1') { 
     // trigger timer function on 
    } else if(data.field1 == '0') { 
     // trigger timer function off 
    } 
}); 

function timer() { 
    // Starts a timer countdown in a div 
}    

하면 더 많은 정보를 될 수있는 코드의 두 번째 버전입니다 entries 배열.

Answer 1

다음은 대략적인, 테스트되지 않은 로직입니다 (올바른 데이터가있는 피드에 액세스 할 수 없기 때문에). 니가 올바른 방향으로 나아가는 지 알려줘.

var timerSet = 0; 

function startTimer(){ 
    timerSet = 1; 
    // start the 1-minute timer and show feedback to user 
} 

function stopTimer(){ 
    timerSet = 0; 
    // stop the 1-minute timer and show feedback to user 
} 

function getUpdates() { 
    var entries = new Array(); 
    $.getJSON('http://api.thingspeak.com/channels/xxx/feed/last.json?callback=?', {key: "xxx"}, function(data) { 
     if ($.inArray(data.entry_id,entries) === -1) { 
      //New entry, add the ID to the entries array 
      entries.push(data.entry_id); 

      // check which state the system is in and manage the 1-minute timer 
      if(data.field1 == '1' && timerSet === 0) { // if 1-minute timer not running already - start it 
       startTimer(); 
      } else if(data.field1 == '0' && timerSet === 1) { // if 1-minute timer running already - stop it 
       stopTimer(); 
      } 
     } 
    }); 
} 

$(document).ready(function() { 
    // getUpdates(); don't need this: function will be called in 400ms anyway 
    setInterval('getUpdates()',400);  
});