pc前段页面显示实时时间(年-月-日时:分:秒)

全栈极客小飞

已于 2022-05-07 17:22:46 修改

阅读量385

点赞数

分类专栏： vue 文章标签：前端

于 2022-05-07 17:10:55 首次发布

本文链接：https://blog.youkuaiyun.com/qq_46239275/article/details/124634854

版权

vue 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何使用 Vue.js 实现前端页面中显示当前实时时间，通过定时刷新和 `setInterval` 功能，确保时间始终保持最新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前段显示实时时间:

<template>
	<!-- 页面显示的位置 -->
	<div>
		{{time}}
	</div>
</template>

<script>
	export default {
		data() {
			return {
				//定义全局变量
				time: ""
			}
		}
		created() {
			this.getTime();
		}
		methods: {
			// 获取当前时间,赋值
			getTime() {
				// 延时获取
				setInterval(() => {
					this.time = dateFormat(new Date());
				}, 1000);
			}
			
		}
	}
</script>