Сравнение нового значения, полученного из API, с предыдущим значением

Question

Я ищу решение для сравнения нового значения, полученного из вызова API, по сравнению с ранее полученным значением. Используя CSS, я затем анимирую значение, чтобы уведомлять об использовании изменения, в настоящее время значение анимируется каждый раз, когда оно опрошено независимо от того, является ли это значение одинаковым или отличающимся.

Мое текущее решение в jQuery выглядит как показано ниже. Там находится плунмент кода here. Я сделал код как можно более простым, вместо того, чтобы опросить API, он просто опросил случайное число.

function poll(){ 
    var data = Math.floor(Math.random() * 3) + 1; 
    $("#example").addClass('animate'); 
    setTimeout(function(){ 
     $("#example").removeClass('animate'); 
    }, 2000); 

    $("#example").html(data); 
    }; 

    setInterval(poll, 3000); 

Answer 1

Я думаю, вы могли бы хотеть, чтобы обернуть этот код в анонимной функции, так что вы можете повесить на старое значение, не загрязняя глобальный масштаб. Так что-то подобное может работать:

(function(){ 

var old = null; 

function poll() { 
    var data = Math.floor(Math.random() * 3) + 1; 

    // compare data with old here 
    if(data != old) { 
    $("#example").addClass('animate'); 
    setTimeout(function(){ 
     $("#example").removeClass('animate'); 
    }, 2000); 
    } 

    $("#example").html(data); 
    old = data; 
}; 
setInterval(poll, 3000); 

})();