视频直播系统源码,倒计时显示,商品秒杀倒计时
视频直播系统源码,倒计时显示,商品秒杀倒计时
样式:
1 | <br> <style><br> body {<br> <br> }<br> <br> ul {<br> list-style: none;<br> }<br> <br> ul li {<br> border: 1px solid black;<br> float: left;<br> width: 50px;<br> height: 50px;<br> line-height: 50px;<br> text-align: center;<br> border-radius: 5px;<br> margin-right: 10px;<br> }<br> <br> ul li:nth-child(1) {<br> width: 150px;<br> }<br> <br> ul li:nth-child(5) {<br> margin: 0;<br> }<br> </style> |
结构:
1 | <br><ul><br> <li>开奖时间倒计时</li><br> <li id= "d" ></li><br> <li id= "h" ></li><br> <li id= "c" ></li><br> <li id= "s" ></li><br> </ul> |
行为:
1 | ```javascript<br> <script><br> // 初始化时间变量<br> var d = 0,<br> h = 0,<br> c = 0,<br> s = 0;<br> // 设置结束时间<br> var endTime = new Date('2021-11-24 19:49:50').getTime();<br> //设置定时器 dingshiqi =》 定时器<br> var dingshiqi = setInterval(action, 1000);<br> function action() {<br> // 获取当前时间<br> var now_time = new Date().getTime();<br> // 距离结束剩余的时间 结束时间-现在时间<br> var lase_time = (endTime - now_time) / 1000;<br> // 判断是否结束倒计时<br> if (lase_time > 0) {<br> //计算剩余天数<br> d = parseInt(lase_time / (60 * 60 * 24));<br> // 计算剩余小时数<br> h = parseInt((lase_time / (60 * 60)) % 24);<br> // 计算剩余分钟数:<br> c = parseInt((lase_time / 60) % 60);<br> // 计算当前秒数<br> s = parseInt(lase_time % 60);<br> //设置输出的格式:(小于10的情况,前面加0)<br> d = d < 10 ? '0' + d : d;<br> h = h < 10 ? '0' + h : h;<br> c = c < 10 ? '0' + c : c;<br> s = s < 10 ? '0' + s : s;<br> } else {<br> clearInterval(dingshiqi);<br> d = h = c = s = '00';<br> }<br> // 把数据传输到html中<br> document.getElementById('d').innerHTML = d + '天';<br> document.getElementById('h').innerHTML = h + '时';<br> document.getElementById('c').innerHTML = c + '分';<br> document.getElementById('s').innerHTML = s + '秒';<br> }<br> </script> |
以上就是 视频直播系统源码,倒计时显示,商品秒杀倒计时,更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现