import store from "../store"; //数据存储
export const trans = (times) => {
times = times / 1000;
let hours;
let minutes;
let seconds;
hours = Math.floor(times / 60 / 60 / 60);
minutes = Math.floor(times / 60 % 60);
seconds = Math.floor(times % 60);
return hours + ":" + minutes + ":" + seconds;
}
export const setTimes = () => {
let time = setTimeout(() => {
if (store.times <= 0) {
clearTimeout(time);
//刷新 或不做操作
} else {
store.setStoreTimes();
setTimes();
}
}, 1000)
}
在react中使用,
//引入
import { trans, setTimes } from "../../store/utils";
//在第一次渲染后调用
componentDidMount() {
setTimes(store.times);
}
// 移除之前,清除定时器
componentWillUnmount() {
clearTimeout(times);
}
//显示
<span className="times">
{trans(store.times)}
</span>