vue时间戳--获取本地时间

最新推荐文章于 2025-06-06 16:46:28 发布

smile@qingqing

最新推荐文章于 2025-06-06 16:46:28 发布

阅读量1.5w

点赞数 7

CC 4.0 BY-SA版权

分类专栏：前端之路

本文链接：https://blog.youkuaiyun.com/weixin_43363871/article/details/91047498

前端之路专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一个Vue应用中如何使用setInterval结合new Date()和toLocaleString()方法实现当前时间的实时更新显示。通过在created()钩子中调用自定义方法getTime()，每隔1秒更新页面上显示的时间。

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

vue中的时间戳——实时更新时间

<template>
	<p>当前时间：{{nowTime}}</p>
</template>

<script>
	export default{
		data(){
			return{
				nowTime:""
			}
		},
		methods:{
			getTime(){
				setInterval(()=>{
					//new Date() new一个data对象，当前日期和时间
					//toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串，并返回结果。
					this.nowTime = new Date().toLocaleString();
				},1000)
			}
		},
		created(){
			this.getTime();
		}
	}
</script>