关注公众号:青山有路

js列表倒计时

js javascript jquery笔记 admin 3年前 (2021-08-10) 833次浏览 已收录 扫描二维码
function remainedTimeAct (cls){
            $(cls).each(function(){
                (function (that){
                    var diffTime = parseInt(that.text())*1000, //时间差,毫秒
                        // obj_time = {},
                        obj_time = ”,
                        d, h, m, s, clearT;
                    function soCount(){
                    var html = ‘距结束:’;
                        d = Math.floor(diffTime/1000/60/60/24);
                        h = Math.floor(diffTime/1000/60/60) % 24;
                        m = Math.floor(diffTime/1000/60) % 60;
                        s = Math.floor(diffTime/1000) % 60;
                        if(parseInt(d)>0){
                            html  += ‘<span class=”day”>’ + d + ‘天</span>’;
                        }
                        if(parseInt(h)>0){
                            html  += ‘<span class=”hour”>’ + (h.toString().length == 1 ? ‘0’ + h : h) + ‘小时</span>’;
                        }
                        if(parseInt(m)>0){
                            html  += ‘<span class=”minute”>’ + (m.toString().length == 1 ? ‘0’ + m : m) + ‘分</span>’;
                        }
                        if(parseInt(s)>0){
                            html  +='<span class=”second”>’ + (s.toString().length == 1 ? ‘0’ + s : s) + ‘秒</span>’;
                        }
                        that.html(html);
                        diffTime -= 1000;
                        clearT = setTimeout(soCount,1000);
                        if(diffTime < 0){
                            clearTimeout(clearT);
                            that.html(‘已结束’);
                        }
                    }
                    soCount();
                })($(this));
            });
        }
<div class=”diffTime” >
       306000  //间隔时间
 </div>
调用方法
remainedTimeAct(‘.diffTime’)

版权所有丨如未注明 , 均为原创 , 转载请注明js列表倒计时
喜欢 (1)