京东秒杀倒计时仿写

最新推荐文章于 2023-04-08 13:34:12 发布

才不是小弱鸡

最新推荐文章于 2023-04-08 13:34:12 发布

阅读量687

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web

本文链接：https://blog.csdn.net/qq_40996739/article/details/106689608

  <div class="secKill">
    <div class="secKill-title">京东秒杀</div>
    <div class="secKill-time">
      <div class="secKill-time-title">16:00点场倒计时</div>
      <div class="secKill-time-secKill">
        <span>1</span>
        <span>2</span>
        <span>3</span>
      </div>
    </div>
  </div>
  <script>
    let leastTime = +new Date('2020-6-11 16:00:00');
    let spanHour = document.querySelector('.secKill-time-secKill > span:nth-child(1)');
    let spanMinutes = document.querySelector('.secKill-time-secKill > span:nth-child(2)');
    let spanSeconds = document.querySelector('.secKill-time-secKill > span:nth-child(3)');
    let updateSecKill = () => {
        let nowTime = Date.now();
        let time1 = parseInt((leastTime - nowTime) / 1000);
        let hours = parseInt(time1 / 3600 % 24);
        hours = hours < 10 ? '0' + hours : hou