Subscribe to our Twitter to get updates or contact in Telegram
|

Bytecoin Countdown Widget

We are very pleased that you have decided to add our widget to your web-site, here you can find how to do it. First of all you need to know that we used jQuery, so if you haven`t please add it before you install our widget.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

After that - our js file.

<script src="https://widget.bytecoins.world/bcn.min.js"></script>

Thats all, now you can input widget at any place of your page.

P.S.: If you need countdown with our style, you can find it on page bottom

or Donate

Timer Countdown with style

<p class="bcnw-countdown countdown-style bcnwlogo"></p>

If you want take away the logo, just remove bcnwlogo class

Quantity Countdown with style

<p class="bcnw-remainmine remainmine-style bcnwlogo"></p>

If you want take away the logo, just remove bcnwlogo class

Timer Countdown without style

<p class="bcnw-countdown"></p>

In that case you can use your own style, we generate countdown in wrapper with class ".bcnw". Inside are numbers with .bcnw-nn class and words with .bcnw-nt

Quantity Countdown without style

<p class="bcnw-remainmine"></p>

Current block height

<p class="bcnw-block-height bcnwlogo"></p>

Average (24h) Difficulty

<p class="bcnw-diff bcnwlogo"></p>

Average (24h) Block Reward

<p class="bcnw-reward"></p>

Current Network Hashrate

<p class="bcnw-NetHash"></p>

Price in BTC

<p class="bcnw-bytecoinpricebtc"></p>

Price in USD

<p class="bcnw-bytecoinprice"></p>

Circulating Supply

<p class="bcnw-circulating-supply"></p>

Add it on your .css file or <style></style> tag

.remainmine-style{text-align: center;}
.remainmine-style span{font-size: 62px;background: #ee4287;color: #fff;padding: 5px 15px;}
.countdown-style{width: 100%;text-align: center;display: flex;flex-wrap: row;justify-content: center;}
.countdown-style .bcnw{display: flex;flex-wrap: wrap;flex-direction: column;margin: 0 10px;}
.countdown-style .bcnw-nn{font-size: 62px;background: #ee4287;color: #fff;padding: 5px 15px;}
.countdown-style .bcnw-nt{font-size: 24px;color: rgba(0,0,1,.5)}

@media screen and (max-width:980px) {
.remainmine-style span{font-size: 48px;padding: 5px 10px;}
.countdown-style .bcnw-nn{font-size: 48px;padding: 5px 10px;}
.countdown-style .bcnw-nt{font-size: 18px;}
}

@media screen and (max-width:480px) {
.remainmine-style span{font-size: 28px;}
.countdown-style .bcnw-nn{font-size: 28px;}
}

Calculations Based on data from our JSON API. Price from CoinMarketCap.com

Timer is based on current Network Hashrate and average block reward for 24hours. So, if that values will variable, countdown will increase or decrease. Static information updates every minute.