秒杀倒计时 后端返回秒数
created() {
this.timer = setInterval(() => {
this.timeCount();
//解决 当妙为个数时 优化成两位
if (this.s < 10) {
this.ss = "0" + this.s;
} else {
this.ss = this.s;
}
}, 1000);
},
methods:{
timeCount() {
--this.s;
if (this.s < 0) {
--this.m;
this.s = 59;
}
if (this.m < 0) {
--this.h;
this.m = 59;
}
if (this.h < 0) {
this.s = 0;
this.m = 0;
}
this.countdown = this.h + ":" + this.m + ":" + this.s;
},
formatBit(val) {
val = +val;
return val > 9 ? val : "0" + val;
}, // 秒转时分秒,求模很重要,数字的下舍入
formatSeconds(time) {//time 传入后台返回的秒数
let min = Math.floor(time % 3600);
this.h = this.formatBit(Math.floor(time / 3600));
this.m = this.formatBit(Math.floor(min / 60));
this.s = this.formatBit(time % 60);
},
}
日期倒计时 自行百度
虽然我很无聊 也不会帮你cv 哦吼吼吼吼哈哈哈哈哈
获取验证码 倒计时
<span v-if="waiting">({{ sec }}s)</span>
<span v-else @click="sendMessage" class="codeSpan">获取验证码</span>
data(){
maxSec: 60,
sec: 0,
}
startMathSec() {
if (this.waiting) return;
this.waiting = true;
this.sec = this.maxSec;
this.mathSec();
},
mathSec() {
if (this.waiting) {
setTimeout(r => {
this.sec--;
if (this.sec <= 0) {
this.waiting = false;
}
this.mathSec();
}, 1000);
}
},
438

被折叠的 条评论
为什么被折叠?



