更改CSS從API

取我有這樣的代碼下面，從一個API中的HTML跨度標籤返回的更新值每秒：更改CSS從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向上或向下。我不知道如何實現。

謝謝大家的指導。

來源

2017-03-16 Antoine

試着這麼做：

$(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); 

});

來源

2017-03-16 16:44:34 Condorcho

謝謝我只是將'kraken_btc_eur_old！= kraken_btc_eur'更改爲'kraken_btc_eur_old > kraken_btc_eur'與一個else語句。 – Antoine

目前比較新的...

喜歡的東西：

if(kraken_btc_eur !== $("#kraken_btc_eur").text()) { 
    // if different change background and add new text 
    $("#kraken_btc_eur").css('background', 'red').text(kraken_btc_eur); 
}

這樣，你只有在不同的更新，沒有一點更新與事相同的值

來源

2017-03-16 16:45:10

回答

相關問題