Question

如何更新文本的颜色为X秒，并在页面上更新新数据时恢复正常。

function displayPrice() {
fetch_price();
const price = json[0];
document.getElementById('current_price').innerHTML = `$${price}`;
$('current_price').fadeOut(500);
//if price is greater than previous price, set current_price color to green
//else set current_price color to red
$('current_price').fadeIn(500);
//set current_price color to white
});
}

setInterval(displayPrice, 5000);

代码更新：

const API_URL = 'https://api.coinmarketcap.com/v1/ticker/bitcoin/?convert=NZD';
function displayPrice() {
fetch(API_URL)
.then(res => res.json())
.then(json => {
const price = json[0];
document.getElementById('btc_usd').innerHTML = `$${topCoin.price_usd}`;
$('btc_usd').fadeOut(500);
$('btc_usd').fadeIn(500);
 });
}
setInterval(displayPrice, 5000);

Answer 1

在fadeOut之后使用回调如下:(我不知道你的“current_price”是id或class，也使用var来保存以前的价格，如p_price）

tokens=*

还有fadeIn。

Answer 2

我设法让它发挥作用。我错过了＃all ..

$("#current_price").css({color:"#4CAF50"});
$('#current_price').fadeOut(500);
$('#current_price').fadeIn(500);

Answer 3

您可以使用fadeToggle（）方法来实现您的方案。几秒钟后调用此方法，如果值存在则正常。

输入值

<input type="text" id="current_price" onchange="return ChangeValue(this);"/>



 $(document).ready(function () {
    $('#current_price').on('change', ChangeValue)
    {
     $('current_price').fadeToggle();
    } 
    });

如何在淡出时更改颜色并在恢复新数据时恢复淡入淡出？

3 个答案: