This #priceticker can even be denoted into #BTC with a little bit of help. It's a simplified version of my #HBOM ticker I made a few months back. I'll likely include it on the site in due time, but in case you'd like to jump on and use it now: here you go. Any and all feedback is greatly appreciated 😁

I've embedded Jquery so it's easy to use the $GET() requests, but if you have a more efficient method that could get rid of JQuery I'm open to advice. Take care and and cheers peeps.

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script><div id="tickerBox"></div>

<script>

var tickerBox = document.getElementById('tickerBox');

var divTicker = document.createElement('div');

divTicker.setAttribute("id", "ticker");

tickerBox.appendChild(divTicker);

divTicker.style.fontSize="4rem";

divTicker.style.fontWeight="bold";

divTicker.style.letterSpacing="2px";

var checked = document.createElement('div');

checked.setAttribute("id", "checked");

tickerBox.appendChild(checked);

var dataLast;

function priceData (){

var ticker = document.getElementById('ticker');

var lastUpdated = document.getElementById('checked');

var datetime = "Last Updated: <br/>" + new Date().toLocaleTimeString();

//https://api.bitcoinaverage.com/ticker/global/USD/last

$.get(

"https://api.coinmarketcap.com/v1/ticker/steem/",

function(data) {

data = data[0].price_usd;

if (data > dataLast) {

divTicker.style.color = "green";

} else {

divTicker.style.color = "red";

}

ticker.innerHTML = "$" + data.toFixed(2)+" <span id='super'>USD</span>";

superscript = document.getElementById('super');

superscript.style.fontSize="xx-small";

superscript.style.verticalAlign="top";

superscript.style.letterSpacing="0px";

checked.innerHTML = datetime;

dataLast = data;

}

);

}

priceData();

setInterval(priceData, 5000);

checked.style.paddingLeft="10px";

checked.style.marginTop="-14px";

checked.style.color="black";

checked.style.textShadow="2px 2px 1px #4ba2f2";

checked.style.float="right";

ticker.style.textShadow="1px 2px 2px black";

ticker.style.paddingLeft="10px";

tickerBox.style.width="13rem";

tickerBox.style.height="10rem";

ticker.style.paddingTop="1rem";

ticker.style.paddingBottom=".5rem";

tickerBox.style.borderRadius="5px";

tickerBox.style.backgroundImage="url('https://puu.sh/q1VUF/d9e60eef32.png')";

tickerBox.style.backgroundSize="contain";

//tickerBox.style.backgroundPosition="40px 0px";

</script>

Topics