javascript - 根据从 API 获取的 javascript 值更改 css

Question

下面的代码在 html span 标记中每秒从 API 返回一个更新值:

$(document).ready(function(){
    setInterval(function(){
        $.get('https://api.kraken.com/0/public/Ticker?pair=XXBTZEUR', function(data){
            var kraken_btc_eur = data.result.XXBTZEUR.c[0]
            $("#kraken_btc_eur").text(kraken_btc_eur);
        });
    }, 1000);
});

如何更改 <span id="kraken_btc_eur"> 的 css取决于变量的值是否var kraken_btc_eur相对于先前值的变化。

我想我必须包含一个 IF 语句，创建一个新变量来与旧更新进行比较，并清除该变量以便在下一秒再次执行，加上不同的向上或向下 ID。我不确定如何实现。

感谢大家的指导。

Answer 1

尝试这样的事情:

$(function() {
    var kraken_btc_eur_old = 0;

    setInterval(function(){
        $.get('https://api.kraken.com/0/public/Ticker?pair=XXBTZEUR', function(data){
            var kraken_btc_eur = data.result.XXBTZEUR.c[0];
            if (kraken_btc_eur_old != kraken_btc_eur) {
                // Change css
            }
            kraken_btc_eur_old = kraken_btc_eur;
            $("#kraken_btc_eur").text(kraken_btc_eur);
        });
    }, 1000);

});