純文字樣式的 BTC / ETH 報價小工具 (JQuery Bitcoin / Ethereum Price Ticker)，使用 CoinMarketCap API

其實就只是突然想幫網站加一個可以看比特幣、以太幣價格的 Widget，但不管是 Coindesk 或 CoinMarketCap 自己做的 Widgets 都有強迫貼上它們的 Logo 而且介面我也覺得太雜亂了，就拿 CoinMarketCap 提供的 API 簡單用 JQ 做了一個可以即時更新價格而且很輕量的小工具。

BTC : $
ETH : $

JS Code (放在 </head> 前)
<script src='http://code.jquery.com/jquery-1.8.3.min.js'></script>
<script>
var btcprice, ethprice;

function UpdateBtcPrice() {
    $.ajax({
        type: "GET",
        url: "https://api.coinmarketcap.com/v1/ticker/?limit=2/",
        dataType: "json",
        success: function(result) {
            btcprice = result[0].price_usd;
ethprice = result[1].price_usd;
            bitcoin.innerHTML = btcprice;
ethereum.innerHTML = ethprice
        },
    });

    setTimeout("UpdateBtcPrice()", 15000);

}
UpdateBtcPrice();

$(function() {
    setInterval(flicker, 5000);
})

function flicker() {
    $(".tick").fadeOut(200).fadeIn(200);
}
</script>
HTML Code (放在要顯示的地方)
BTC : <span class="tick" id="bitcoin"></span> $<br />
ETH : <span class="tick" id="ethereum"></span> $

如果網頁已經有載入過 JQ，<script src='http://code.jquery.com/jquery-1.8.3.min.js'></script> 這行可以去除。

因為 CoinMarketCap 的資料是彙整全球交易所做加權平均，所以更新是每十五分鐘一次，如果看數字一直都沒動並不是壞了，是它本身就很慢。