基于从API获取的javascript值更改css
基于从API获取的javascript值更改css
提问于 2017-03-17 00:37:06
我有下面的代码，它在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);
});如何根据变量var kraken_btc_eur的值是否从先前的值更改来更改<span id="kraken_btc_eur">的css。
我想我必须包含一个IF语句，创建一个新的变量来与旧的更新进行比较，并清除下一秒要执行的变量，再加上不同的up或down ID。我不确定如何实现这一点。
感谢您的指导。
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-03-17 00:44:34
尝试如下所示：
$(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);
});Stack Overflow用户
发布于 2017-03-17 00:45:11
比较当前版本和新版本...
类似于：
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);
}这样，您只在不同的情况下才更新，没有意义地更新具有相同值的内容
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42839875
复制相关文章
相似问题
腾讯云开发者
