js 时间戳差 转日(天)时分秒 倒计时工具插件

本文出自：

http://blog.csdn.net/wyk304443164

就不bb了直接上代码：上面是React代码，下面是js代码

/** * 判断是不是空的或者undefined * @param obj * @returns {boolean} */common.isNull = function (obj) {    return obj == null || obj == 'undefined';};/** * 格式化时间戳 * @param diffTime */common.formatDiffDate = function (diffTime) {    let date = {        day: 0,        hour: 0,        minute: 0,        second: 0,    };    if (diffTime <= 0) {        return date;    }    if (!this.isNull(diffTime)) {        //这边是重点        date.day = Math.floor(diffTime / 86400);        date.hour = Math.floor(diffTime % 86400 / 3600);        date.minute = Math.floor(diffTime % 86400 % 3600 / 60);        date.second = Math.floor(diffTime % 86400 % 3600 % 60);    }    return date;};

如果你想倒计时：

//更新定时器    componentWillReceiveProps(value) {        this.setState({            teamDetail: value.teamDetail ? value.teamDetail : {},        }, () => {            window.clearTimeout(this.state.countDown);//去掉定时器            this.state.countDown = window.setInterval(() => {                    this.cut()                }, 1000            );        });    }// 销毁    componentWillUnmount() {        window.clearTimeout(this.state.countDown);    }//剪掉一次倒计时    cut = () => {        let time_left = this.state.teamDetail.time_left;        if (time_left <= 0 || common.isNull(time_left)) {            window.clearTimeout(this.state.countDown);//去掉定时器        } else {            //这边是重点            this.state.teamDetail.time_left = this.state.teamDetail.time_left - 1;            this.setState({                teamDetail: this.state.teamDetail,            })        }    };

其实就是-1即可，如果你得出来的时间不对，可能是你后台时间戳不太对，可能需要 除以1000，多试试亲。

js：

var timeUtils = {};//本js对象var countDown = {};//倒计时对象var baseTime = 0;//总时间var callback = null;//回调//开始timeUtils.start = function (_baseTime, _callback) {    baseTime = _baseTime;    callback = _callback;    let that = this;    this.clear();    countDown = window.setInterval(function () {        that.cut();    }, 1000);};//销毁timeUtils.clear = function () {    window.clearTimeout(countDown);// 去掉定时器};// 剪掉一次倒计时timeUtils.cut = function () {    var that = this;    if (baseTime <= 0) {        window.clearTimeout(countDown);// 去掉定时器    } else {        baseTime = baseTime - 1;//php后台是10位，所以这边-1        callback(that.formatDiffDate(baseTime));    }};/** * 格式化时间戳 * @param diffTime */timeUtils.formatDiffDate = function (diffTime) {    var date = {        day: 0,        hour: 0,        minute: 0,        second: 0,    };    if (diffTime <= 0) {        return date;    }    date.day = Math.floor(diffTime / 86400);    date.hour = Math.floor(diffTime % 86400 / 3600);    date.minute = Math.floor(diffTime % 86400 % 3600 / 60);    date.second = Math.floor(diffTime % 86400 % 3600 % 60);    return date;};

引入本js文件后：

timeUtils.start(56545,function (date) {        var dates = JSON.stringify(date);        console.log(dates);        //TODO 用jq进行渲染，date里面有 天／时／分／秒属性    })