您的位置:首页 > Web前端 > JavaScript

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

2017-05-03 17:36 686 查看
本文出自:

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里面有 天/时/分/秒属性
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息