视频直播系统源码,倒计时显示,商品秒杀倒计时

视频直播系统源码,倒计时显示,商品秒杀倒计时

样式:

 

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>

 

以上就是 视频直播系统源码,倒计时显示,商品秒杀倒计时,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(63)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示