JS倒计时

Js计算倒计时

JS倒计时

如上图,最近即将要上一个新产品,balanceCoin,3月20开始,所以产品要求有个倒计时,所以就整理了一下。

HTML代码

<div class="bc-div" >
    <h2>BalanceCoin计划-第二轮募集</h2>
    <p>-----区块链中的余额宝,结合钱包和银行的APP</p>
    <div>
        <span class="bcd-num bcd-day"></span><span class="bcd-txt"></span><span class="bcd-num bcd-hour"></span><span class="bcd-txt"></span><span class="bcd-num bcd-min"></span><span class="bcd-txt"></span><span class="bcd-num bcd-sec"></span><span class="bcd-txt"></span>
        <button class="btn btn-warning bcd-btn">参加计划</button>
    </div>
</div>
js代码

<script>
    (function () {
        var day = document.getElementsByClassName('bcd-day')[0];
        var hour = document.getElementsByClassName('bcd-hour')[0];
        var min = document.getElementsByClassName('bcd-min')[0];
        var sec = document.getElementsByClassName('bcd-sec')[0];
        var endTime = new Date('2018/03/20 23:59:59').getTime() + 1000;
        var interval = null;
        interval = setInterval(function () {
            var suntime = endTime - Date.now(); // 剩余毫秒
            if ( suntime >= 0) {
                day.innerText = Math.floor(suntime/ 1000 / 60 / 60 / 24);
                hour.innerText = Math.floor(suntime / 1000 / 60 / 60 % 24);
                min.innerText = Math.floor(suntime / 1000 / 60 % 60);
                sec.innerText = Math.floor(suntime / 1000 % 60);
            } else {
                clearInterval(interval);
            }
        }, 0);
    })();
</script>
以上就可以得到如图倒计时了。。。