javascript - 比特币股票代码 + fontawesome

Question

我的任务是编写一个函数，从 JSON 链接获取比特币交易，使用按钮更改间隔，添加漂亮的向上/向下/线条箭头，具体取决于汇率是否上升/下降/没有变化，并将其显示在网站上。

我什么都有，除了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 部分

预先感谢您的任何提示

Answer 1

Font Awesome 向上箭头显示如下:

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

我会将所有这些 html 片段(向上、向下且没有变化)存储到它们自己的变量中。

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

然后在 startRefresh 函数中注入(inject) hmtl 时注入(inject)它们，如下所示:

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