京东两小时倒计时秒杀

 两个小时倒计时,实现代码如下:

html部分如下↓

<div class="seckill">
        <p>京东秒杀</p>
        <p><span>00:00</span>点场 倒计时</p>
        <p>
          <span>00</span>
          <i>:</i>
          <span>00</span>
          <i>:</i>
          <span>00</span>
        </p>
</div>


js部分如下↓

在这里插入//秒杀倒计时  每两个小时一次

timeChange()
setInterval(function () {
  timeChange()
}, 1000)

function timeChange() {
  var timeSeckill = document.querySelector('.seckill p:nth-child(2) span:first-child');
  var d = new Date()
  var timeShow = document.querySelectorAll('.seckill p:nth-child(3) span');
  // setInterval(function () {
  var hours = Math.ceil((d.getHours() + 1) / 2) * 2;
  // console.log(hours);
  if (hours == 24) {
    timeSeckill.innerText = `00:00`
  } else {  
    if (hours >= 10) {
      timeSeckill.innerText = `${hours}:00`
    } else {
      timeSeckill.innerText = `0${hours}:00`
    }
  }
  var hoursNow = d.getHours();
  // console.log(hoursNow);

  //倒计时开始
  d.setHours(2); //未来未来两小时

  if (hoursNow % 2) {   //设置小时
    timeShow[0].innerText = '00'
  } else {
    timeShow[0].innerText = '01'
  }

  //设置分钟
  var showMinutes = 59 - d.getMinutes();
  // console.log(showMinutes);
  if (showMinutes >= 10) {
    timeShow[1].innerText = showMinutes;
  } else {
    timeShow[1].innerText = `0${showMinutes}`;
  }

  //设置秒
  var showSeconds = 59 - d.getSeconds();
  if (showSeconds >= 10) {
    timeShow[2].innerText = showSeconds;
  } else {
    timeShow[2].innerText = `0${showSeconds}`;
  }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值