直播商城系统源码,js制作倒计时,天,小时,分,秒

直播商城系统源码,js制作倒计时,天,小时,分,秒

 

1
<!DOCTYPE html><br><html><br><head><br><meta charset="utf-8" /><br><meta name="viewport" content="width=device-width, initial-scale=1"><br><title></title><br><style type="text/css"><br>#box {<br>width: 415px;<br>height: 200px;<br>margin: 200px auto 0;<br>}<br>/* 青色的盒子剧中对齐 */<br>span {<br>display: inline-block;<br>width: 100px;<br>height: 100px;<br><br>line-height: 100px;<br>text-align: center;<br>font-size: 32px;<br>}<br></style><br></head><br><body><br><div id="box"><br><span></span><br><span></span><br><span></span><br><span></span><br></div><br></body><br><script type="text/javascript"><br>// 获取所有的span表情,也就是青色的盒子<br>let span = document.querySelectorAll('span');<br>// 创建终点时间<br>let daojishi = +new Date('2021-11-28 12:00:00')<br>// 执行函数的方法<br>function sj() {<br>// 获得当前的时间<br>let shijian = +new Date();<br>// 终点时间-当前时间再除以1000得出他的秒数<br>let mshu = (daojishi - shijian) / 1000;<br>// 获取剩下多少天<br>let t = parseInt(mshu / 60 / 60 / 24);<br>t = t < 10 ? '0' + t : t;<br>span[0].innerHTML = t + '天';<br>// 获取剩下多少小时<br>let s = parseInt(mshu / 60 / 60 % 24);<br>s = s < 10 ? '0' + s : s;<br>span[1].innerHTML = s + '时';<br>// 获取剩下多少分钟<br>let f = parseInt(mshu / 60 % 60);<br>f = f < 10 ? '0' + f : f;<br>span[2].innerHTML = f + '分';<br>// 获取剩下多少秒<br>let m = parseInt(mshu % 60);<br>m = m < 10 ? '0' + m : m;<br>span[3].innerHTML = m + '秒';<br>}<br>// 一开始调用一次<br>sj();<br>// 每秒调用<br>setInterval(sj, 1000);<br></script><br></html>

以上就是 直播商城系统源码,js制作倒计时,天,小时,分,秒,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(100)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-04-26 短视频app制作,自定义标题栏形式和样式
2022-04-26 直播平台软件开发,完整截取整个屏幕的截图方式
2022-04-26 直播平台制作,文字过多时,自动折叠显示查看更多选项
点击右上角即可分享
微信分享提示