jq 时间计算

时间差计算:

-(function($){
        var caculation = function(gap){
            var minutes = 1000 * 60
            var hours = minutes * 60
            var days = hours * 24
            var years = days * 365
            if(gap/years >= 1){
                return parseInt(gap/years)+'年';
            }else if(gap/days >= 30){
                return parseInt(gap/days/30)+'个月'
            }else if(gap/hours >= 24){
                return parseInt(gap/hours/24)+'天'
            }else if(gap/minutes >=60){
                var num = gap/minutes/60;
                var intNum = parseInt(gap/minutes/60);
                return intNum+'小时'+parseInt((num.toFixed(4)-intNum)*60)+'分钟'
            }else{
                return parseInt(gap/minutes)+'分钟'
            }
        }
        $.extend({
            nowToTime:function(time){
                var theTime = Date.parse(time .replace(/-/g,"/"));
                var curDate=new  Date().valueOf();//当前时间的时间戳
                if(theTime <=curDate){
                    alert("请选择大于今天的时间！");
                }else{
                    var gap = theTime - curDate;
                    return caculation(gap)
                }
            },
            timeToNow:function(time){
                var theTime = Date.parse(time .replace(/-/g,"/"));
                var curDate=new  Date().valueOf();
                if(theTime <=curDate){
                    var gap =  curDate - theTime;
                    return caculation(gap)
                }else{
                    alert("请选择小于今天的时间！");
                }
            },
            timeToTime:function(timeOne,timeTwo){
                if(timeOne == undefined && timeTwo == undefined){
                    alert('请输入日期');
                    return false;
                }
                var timeOne = timeOne == undefined ?
                new  Date().valueOf():
                Date.parse(timeOne .replace(/-/g,"/"));
                var timeTwo = timeTwo == undefined ?
                new  Date().valueOf():
                Date.parse(timeTwo.replace(/-/g,"/"));
                var gap = timeOne > timeTwo?
                timeOne-timeTwo:
                timeTwo-timeOne;
                return caculation(gap)
            
            }
        })
    })(jQuery);
    console.log($.nowToTime('2017-7-16 17:51:34')+'后');
    console.log($.timeToNow('2017-07-15 18:01:23')+'前');
    console.log($.timeToTime('2017-07-15 18:01:23','2018-06-16 19:02:23'))

倒计时:

;(function() {

    var Grewer = {
        init:function(option,obj){
              var trigger = option.trigger || 's',
                limit = (option.limit === 'over') ? '1' : (option.limit === 'inadequate') ? '-1' : '0',
                time = option.time;
            console.log(trigger, limit, time)
              
            var now = (new Date()).valueOf();
            var gap = now - (new Date(time)).valueOf();
         
            switch (limit) {
                case '0':
                        this.addHtml(obj, gap,trigger,limit);
                    break;
                case '1':
                    if (gap < 0) {
                        this.addHtml(obj, gap, trigger,limit);

                    } else {
                        console.error('未超过当前时间')
                        alert('未超过当前时间')
                    }
                    break;
                case '-1':
                    if (gap >= 0) {
                        this.addHtml(obj, gap,trigger, limit);

                    } else {
                        console.error('超过了当前时间')
                        alert('超过了当前时间');
                    }
            }
        },
        addHtml:function(obj,gap,trigger){
            this.caculation(gap)
           

            var html = (trigger === 's') ? '<div class="GrewerTime"><span class="hours">' + this.intHours + '</span>小时<span class="minutes">' + this.intMinutes + '</span>分<span class="second">' + this.intSeconds + '</span>秒</div>' :
            '<div class="GrewerTime"><span class="hours">' + this.intHours + '</span>小时<span class="minutes">' + this.intMinutes+ '</span>分</div>';

            obj.append(html);

            (trigger === 's') ? this.addTrigger(obj) : this.addHourTrigger(obj);
        },
        caculation:function(gap){
            gap = Math.abs(gap);
            var minutes = 1000 * 60,
                hours = minutes * 60,
                days = hours * 24

            this.intHours = (gap / hours) | 0;
            this.intMinutes = ((gap - this.intHours * hours) / minutes) | 0;
            this.intSeconds = ((gap - this.intMinutes * minutes - this.intHours * hours) / 1000) | 0;
        },
        addTrigger:function(obj){
            setTimeout(function() {
            var hours = obj.find('.hours').text(),
                minutes = obj.find('.minutes').text(),
                second = obj.find('.second').text();

            if (second <= 0) {
                if (minutes <= 0) {
                    if (hours <= 0) {
                        return false;
                    }
                    this.minus(obj.find('.hours'));
                    obj.find('.second').text(59);
                    obj.find('.minutes').text(59);
                } else {
                    this.minus(obj.find('.minutes'));
                    obj.find('.second').text(59);
                }
                return this.addTrigger(obj);
            }

            this.minus(obj.find('.second'));
            this.addTrigger(obj);

        }.bind(this), 1000);
        },
        addHourTrigger:function(obj){

        setTimeout(function() {
            var hours = obj.find('.hours').text(),
                minutes = obj.find('.minutes').text()

            
                if (minutes <= 0) {
                    if (hours <= 0) {
                        return false;
                    }
                    this.minus(obj.find('.hours'));
                    obj.find('.minutes').text(59);
                    return this.addHourTrigger(obj);
                }

                this.minus(obj.find('.minutes'));
                this.addHourTrigger(obj);
             ;

        }.bind(this), 1000*60);
        },
        minus:function(obj){
            var bar = (obj.text() | 0) - 1
            obj.text(bar);
            return bar;
        }
    }


  


    $.fn.extend({
        timeTrigger: function(option) {
            //1 this 是单个
            //option参数
            // trigger 触发时分秒; s,m
            // time  时间;
            // limit (over  inadequate) 是否接受某个参数必须大于或小于当前时间
            // (0=underfined:没有限制)(1=over:大于当前时间)(-1=inadequate:小于当前时间);
            if (option.time === void 0) {
                alert('请输入时间');
                return false;
            }
              var G = Object.create(Grewer);
              G.init(option,this);

        }
    })


}());

$('#time').timeTrigger({
    time: '2018-09-9 15:12:00',
    trigger:'s',
});