uniapp实时动态显示时间

<template>
	<view>
		<view>{
   
   {date}}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				date:'',
				setTime:''
			}
		},
		onLoad() {
			var setTime = setInterval( ()=> {
				let date = new Date()
				let year = date.getFullYear()
				let month = date.getMonth() + 1
				month >= 9 ? month :  month='0'+month
				let day = date.getDate()
				day >= 9 ? day : day = '0'+ day
				let hour = date.getHours()
				hour >= 9 ? hour : hour = '0'+hour 
				let minute = date.getMinutes()
				minute >= 9 ?  minute : minute = '0'+minute
				let second = date.getSeconds()
				second >= 9 ? second : second = '0'+second
				this.date = year + '-'+month+'-'+day+"  "+hour+":"+minute+":"+second
			}, 1000)
		},
		onHide(){
			clearInterval(setTime)
		},
		methods: {

		}
	}
</script>

时间可以实时动态变化：

使用定时器，每次过一秒就重新调用Date()来获取时间，然后在界面销毁时，清除定时器。