京东倒计时

阅读: 评论:0

京东倒计时

京东倒计时

   var h1 =  document.querySelector('.hours')var m1 =  document.querySelector('.minute')var s1 =  document.querySelector('.second')var time = '2021-12-10 2:00:00'function timeS(){var nowTime = +new Date()  //获取此刻的时间 var inputTime = +new Date(time)  //输入的时间times = (inputTime - nowTime) / 1000    //获取剩余的总毫秒数    剩余的总秒数 = 输入的时间毫秒数 - 此刻的时间毫秒数h = parseInt( times/ 60 /60 %24) >=10 ? parseInt( times/ 60 /60 %24) : "0" + parseInt( times/ 60 /60 %24)  //小时m =parseInt( times / 60 % 60 )>10 ? parseInt( times / 60 % 60 ) : "0" + parseInt( times / 60 % 60 )  //分钟s =parseInt( times % 60) > 10? parseInt( times % 60) : "0" + parseInt( times % 60)h1.innerHTML  = hm1.innerHTML = ms1.innerHTML = s} timeS()setInterval(timeS,1000)
  <div class="hours"></div><div class="minute"></div><div class="second"></div>
 div{width: 50px;height: 50px;background-color: blue;margin: 0 0 0 10px;float: left;color : white;text-align: center;line-height: 50px;}

本文发布于:2024-01-30 14:46:41,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170659720520766.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:倒计时   京东
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23