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>
以上就可以得到如图倒计时了。。。