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

1:效果

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>