让页面一开始就加载就显示时间。
解决隔1s后才显示时间这个问题
clearTime的值 不等于空时,说明已经开启定时器了哈。
<div id="app">
{{Showtime}}
</div>
<script>
var vm = new Vue({
el: "#app",data: {
Showtime:"",clearTime:null,},created() {
// 让页面一开始就加载就显示时间。
//解决隔1s后才显示时间这个问题
let newtime = new Date();
let myHover = newtime.getHours();
let myMin = newtime.getMinutes();
this.Showtime = myHover + ":" + myMin;
// 让后每隔1s跟新时间
this.runTime();
},methods: {
runTime() {
this.clearTime = setInterval(() => {
let newtime = new Date();
let myHover = newtime.getHours();
let myMin = newtime.getMinutes();
this.Showtime = myHover + ":" + myMin;
},1000)
}
},//离开页面清除定时器
beforeDestroy(){
clearInterval( this.clearTime);
console.log("---")
}
})
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。