本文出自:
就不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里面有 天/时/分/秒属性
})