1、HTML代码:
<div class="box"> <img src="timg.jpg" alt=""/> <h2>商品:钢琴</h2> <p>结束时间是:2019-6-30</p> <p>原价<del>99999</del>现价$11111</p> <p>距离秒杀开始还剩:<span id="timer"></span></p> </div>
2、简单给点css样式:
<style> .box{ width: 600px; height: 600px; background: #fff; margin: 0 auto; border: 1px solid #54FFFA; } img{ width: 100%; } </style>
3、js代码:
<script> var timer=document.getElementById("timer"); setInterval(function(){ var date=new Date(); var lastDate=new Date("2019-6-30"); var time=(lastDate-date)/1000/60/60/24; var day=Math.floor(time); var hour=Math.floor((time-day)*24); var minutes=Math.floor(((time-day)*24-hour)*60); var seconds=Math.floor((((time-day)*24-hour)*60-minutes)*60); timer.innerHTML =day+'天'+hour+'小时'+minutes+'分钟'+seconds+'秒'; },1000); </script>
4、效果图;