计时器
{{ time }}
开始
停止
export default {
data() {
return {
time: "00:00:00",
timer: null,
seconds: 0,
minutes: 0,
hours: 0,
};
},
methods: {
start() {
this.timer = setInterval(() => {
this.seconds++;
if (this.seconds === 60) {
this.seconds = 0;
this.minutes++;
}
if (this.minutes === 60) {
this.minutes = 0;
this.hours++;
}
this.time = `${this.formatTime(this.hours)}:${this.formatTime(
this.minutes
)}:${this.formatTime(this.seconds)}`;
}, 1000);
},
stop() {
clearInterval(this.timer);
},
formatTime(time) {
return time { time }}
开始
停止
export default {
data() {
return {
time: "00:00:00",
timer: null,
remainingTime: 0,
};
},
methods: {
start() {
const endTime = Date.now() + this.remainingTime;
this.timer = setInterval(() => {
const remainingTime = endTime - Date.now();
if (remainingTime
const hours = Math.floor(remainingTime / 3600000);
const minutes = Math.floor((remainingTime % 3600000) / 60000);
const seconds = Math.floor((remainingTime % 60000) / 1000);
this.time = `${this.formatTime(hours)}:${this.formatTime(
minutes
)}:${this.formatTime(seconds)}`;
}
}, 1000);
},
stop() {
clearInterval(this.timer);
},
formatTime(time) {
return time |