广州市白云区网站建设,监控网站模板下载,30岁学网站开发,wordpress上卖什么用效果 核心代码
使用钩子函数 mounted()#xff0c;设置定时器#xff0c;是指每秒都要去执行时间的获取#xff0c;以至于实现时间自走的效果 mounted() { this.updateTime(); // 初始化时间 setInterval(this.updateTime, 1000); // 每秒更新时间 }, 自定义方法…效果 核心代码
使用钩子函数 mounted()设置定时器是指每秒都要去执行时间的获取以至于实现时间自走的效果 mounted() { this.updateTime(); // 初始化时间 setInterval(this.updateTime, 1000); // 每秒更新时间 }, 自定义方法updateTime去获取当前时间并设置数据 updateTime() { const date new Date(); const hours date.getHours().toString().padStart(2, 0); const minutes date.getMinutes().toString().padStart(2, 0); const seconds date.getSeconds().toString().padStart(2, 0); this.currentTime ${hours}:${minutes}:${seconds}; } 完整代码
templateview classtime-containerview{{ currentTime }}/view/view
/template
script
export default {data() {return {currentTime: // 当前时间};},mounted() {this.updateTime(); // 初始化时间setInterval(this.updateTime, 1000); // 每秒更新时间},methods: {updateTime() {const date new Date();const hours date.getHours().toString().padStart(2, 0);const minutes date.getMinutes().toString().padStart(2, 0);const seconds date.getSeconds().toString().padStart(2, 0);this.currentTime ${hours}:${minutes}:${seconds}; }}
};
/script
style
.time-container {text-align: center;font-size: 24px;
}/style
