//倒计时
countDown() {
const TIME_COUNT = 10;
if (!this.timer) {
this.count = TIME_COUNT;
this.timer = setInterval(() => {
if (this.count > 0 && this.count <= TIME_COUNT) {
this.count--;
let dom = document.querySelector('#countDownNumber');
dom.innerText = this.count;
} else {
clearInterval(this.timer);
this.timer = null;
}
}, 1000)
let $notify = this.$notify({
title: '密码修改成功',
closeText: '立即跳转',
type: 'success',
dangerouslyUseHTMLString: true,
message: `即将自动跳转至登录页,倒计时:<i id="countDownNumber" style="color: #f00;font-weight:700;padding: 0 0.01rem">${this.count}</i>秒<p>点击立即跳转至登录页!<p>`,
duration: 10000,
showClose: false,
onClick: () => {
this.$router.push("/Login");
$notify.close();
},
onClose: () => {
this.$router.push("/Login");
}
});
console.log($notify);
}
},
$notify实现倒计时效果
最新推荐文章于 2024-05-10 17:35:39 发布