比特幣代碼+ fontawesome

我的任務是編寫一個函數，從JSON鏈接獲取比特幣交易，更改按鈕間隔，添加fontawesome箭頭向上/向下/線取決於速率上升/下降/沒有變化，並顯示它網站。比特幣代碼+ fontawesome

我除了fontawesome一切......

我的HTML代碼：

<h3>Bitcoin to PLN</h3> 
<h4>Buy</h4> 
<div id="buy"><p></p></div> 
<h4>Sell</h4> 
<div id="sell"><p></p></div> 
<h4>Refresh in:</h4> 

<form name="timerBtn"> 
<input type="button" class="button" id="btn5" value="5 s"> 
<input type="button" class="button" id="btn10" value="10 s"> 
<input type="button" class="button" id="btn30" value="30 s"> 
<input type="button" class="button" id="btn60" value="60 s"> 
</form> 

<p id="timer">Refreshing in 5 sekund</p>

和JS：

$("form").click(function(getTimer) { 
    if (getTimer.target.className === 'button') { 

     $("p#timer").empty(); 

     var timer = $("p#timer").append("Refresh in " + getTimer.target.value); 

    } 
    return timer 
}); 

function startRefresh() { $.getJSON("https://blockchain.info/pl/ticker", function (data) { 
     $("#buy").html(data.PLN.buy); 
     $("#sell").html(data.PLN.sell); 
     console.log ("reupload"); 
});  

} 

setTimer = setInterval(startRefresh, 5000); 

$("input#btn5").click(function() { 
    clearInterval(setTimer); 
    setTimer = setInterval(startRefresh, 5000); 

}); 

$("input#btn10").click(function() { 
    clearInterval(setTimer); 
    setTimer = setInterval(startRefresh, 10000); 

}); 

$("input#btn30").click(function() { 
    clearInterval(setTimer); 
    setTimer = setInterval(startRefresh, 30000); 

}); 

$("input#btn60").click(function() { 
    clearInterval(setTimer); 
    setTimer = setInterval(startRefresh, 60000) 

});

我不知道該如何處理fontawesome部分

在此先感謝您的任何提示

來源

2017-09-03 Maciej Mazurek

有[上字體真棒例子（http://fontawesome.io/examples/）現場。 – Tigger

好的，但如何更改箭頭如果顯示的值比刷新前的值大/低？ –

字體真棒向上箭頭顯示是這樣的：

<i class="fa fa-arrow-up"></i>

我將所有的HTML片段（上，下和沒有變化）存儲到自己的變量。

upArrow = '<i class="fa fa-arrow-up"></i>'

然後當你注入這樣的startRefresh功能的HMTL將它們注入：

$("#buy").html(upArrow + data.PLN.buy);

來源

2018-02-28 00:12:59 xuv

比特幣代碼+ fontawesome

回答

相關問題