JS日期倒计时-附上代码,需要的带走吧[大神请绕道多谢]

浏览:325 发布日期:2018/06/20 分类:技术分享 关键字: 日期倒计时 倒计时
效果见附件图片(可是附件怎么传都传不上来,不知道为什么);
因天,时,分,秒这几个值需要计算,完全可以配合我另一篇[PHP倒计时文章使用,里面的PHP方法可以返回这几个值,不用再那么麻烦的去计算了]html代码        <span class=" cls-day">11</span>天
        <span class=" cls-hour">4</span>时
        <span class=" cls-minute">22</span>分
        <span class=" cls-second">33</span>秒
JS代码<script>
    $(function () {
        timerSecond('cls-second','cls-minute', 'cls-hour','cls-day');
    });

    var timerSecond = function (s, m, h, d) {
        var num = $('.'+s).html();
        num = num*1;


        var index = setInterval(function (args) {
            var a = $('.'+s).html();
            var b = $('.'+m).html();
            var c = $('.'+h).html();
            var e = $('.'+d).html();
            if(a*1 <= 0 && b*1 <= 0 && c*1 <= 0 && e*1 <= 0){
                clearInterval(index);
                return;
            }

            num -= 1;
            if(num < 0){
                timerMinute(m, h, d);
                num = 59;
                $('.'+s).html(num);
            }else{
                $('.'+s).html(num);
            }

        },1000)
    }

    var timerMinute = function (m, h, d) {
        var num = $('.'+m).html();
        num = num*1;
        num -= 1;
        if(num < 0){
            timerHour(h, d);
            num = 59;
            $('.'+m).html(num);
        }else{
            $('.'+m).html(num);
        }
    }

    var timerHour = function (h, d) {
        var num = $('.'+h).html();
        num = num*1;
        num -= 1;
        if(num < 0){
            timerDay(d);
            num = 23;
            $('.'+h).html(num);
        }else{
            $('.'+h).html(num);
        }
    }

    var timerDay = function (d) {
        var num = $('.'+d).html();
        num = num*1;
        $('.'+d).html(num-1);
    }
</script>
最佳答案
评论( 相关
后面还有条评论,点击查看>>