countdown.vue
<template>
<div class="container">
<h2>This is a simple countdown timer!</h2>
<br />
<h6>
We will redirect you back to home page in
<span id="demo"></span> or you can click
<router-link to="/">
<span class="text-primary">here</span>
</router-link>
</h6>
</div>
</template>
先把html搞一下设置一个span, id是demo
import { setTimeout } from "timers";
export default {
methods: {
redirect: function() {
setTimeout(() => {
this.$router.push("/");
}, 6000);
}
},
created() {
this.redirect();
var timeleft = 5;
var countTimer = setInterval(function() {
document.getElementById("demo").innerHTML =
timeleft + 's';
timeleft -= 1;
if (timeleft <= 0) {
clearInterval(countTimer);
document.getElementById("demo").innerHTML = "1s";
}
}, 1000);
}
}