js 实现倒计时功能，兼容ios

电玩女神 2022-04-05 10:42 313阅读 0赞

**1:效果**  
![在这里插入图片描述][20181212100612588.png]

**2:html**

<div class="weui-cell__ft">限时特卖
            
            <span class="dingshi"></span>
            <span class="dingshi"></span>
            <span class="dingshi"></span>
        </div>

**3:js**

<script src="js/jquery-2.1.4.min.js"></script>
    <script>
        function antitime() {
            //在安卓上这样写可以获取到的---结束时间
            var time="2018-12-12 23:59:59";
            //但在苹果手机上是不支持的，必须这样写：
            var to = new Date(time.replace(/-/g, "/"));
            var now = new Date();
            var deltaTime = to.getTime() - now.getTime();
            //超时就停止倒计时
            if (deltaTime <= 0) {
                window.clearInterval(timer);
                return;
            }
            var d= deltaTime / (1000 * 60 * 60 * 24);
            var h = Math.floor(deltaTime / 1000 / 60 / 60 % 24);
            var m = Math.floor(deltaTime / 1000 / 60 % 60);
            var s = Math.floor(deltaTime / 1000 % 60);
            //把时间的数字转成字符串， 如果时分秒不足10， 则前面补0
            var timeStr = ""+ (h/10>=1?h=h:h="0"+h) + (m/10>=1?m=m:m="0"+m) + (s/10>=1?s=s:s="0"+s);
            //console.log(timeStr);
            //each循环遍历.num元素
            $(".weui-cell__ft .dingshi").each(function(index, span) {
                $(span).html(timeStr.substring(index, index+2));
                if(index==1) $(span).html(timeStr.substring(2, 4));
                if(index==2) $(span).html(timeStr.substring(4, 6));
                //$(span).html();这个方法是用来设置span里面的值的
            });
        }
    
        //每秒执行一次
        var timer = setInterval(antitime, 1000);
    </script>

**4:css**

<style>
        .dingshi  {
            background: #000000;
            color: #ffffff;
            padding: 3px;
            font-size: 13px;
        }
    </style>

[20181212100612588.png]: /images/20220405/87698723c6c64b8ca551fd4ba2957591.png

发表评论取消回复

表情：

评论列表（有 0 条评论，313人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue实现倒计时功能

![4a7ecf06314b436d92a86b5ee4d66ca8.jpeg][] vue实现倒计时功能首先我们需要一个 Vue. js的函数

深藏阁楼爱情的钟/ 2023年10月10日 22:46/ 0 赞/ 49 阅读

相关 [JavaScript]js实现倒计时

<body> <time></time> <script> function isDate() {

逃离我推掉我的手/ 2022年11月29日 00:59/ 0 赞/ 271 阅读

相关 js实现倒计时

最近有个页面需要实现，验证码发送后，进行60s的倒计时， ![Center][] 代码： var flag = 1; var i = 60;

谁借莪１个温暖的怀抱￠/ 2022年07月27日 14:55/ 0 赞/ 253 阅读

相关 JS实现倒计时效果

1. 显示当前系统时间 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Typ

柔情只为你懂/ 2022年06月10日 02:15/ 0 赞/ 287 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 388 阅读

相关 js实现倒计时

<body contenteditable="true" spellcheck="false" style="height: 400px;">

我会带着你远行/ 2022年05月17日 06:48/ 0 赞/ 270 阅读

相关实现倒计时功能

一代码 1. `<?php` 2. `$time1 = strtotime(date("Y-m-d H:i:s"));` 3. `$time2 = strtotime

怼烎@/ 2022年05月11日 23:14/ 0 赞/ 229 阅读

相关 js时间倒计时实现

<li id="time" style="display: none">3:00</li> $(function () {

青旅半醒/ 2022年04月22日 04:28/ 0 赞/ 327 阅读

相关 JS倒计时实现

此为分秒单位倒计时，需要时分秒倒计时的可以自行修改，也可到我的资源中去下载。 <html> <head> <meta charset="UTF-8"> <ti

约定不等于承诺〃/ 2022年04月10日 05:22/ 0 赞/ 464 阅读

相关 js 实现倒计时功能，兼容ios

1:效果 ![在这里插入图片描述][20181212100612588.png] 2:html <div class="weui-cell__ft">限时特卖

电玩女神/ 2022年04月05日 10:42/ 0 赞/ 314 阅读