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 条评论) |