????????做大屏頁面的時候要求在頁面上加上當(dāng)前時間，實現(xiàn)此功能的寫法有很多種，我的源碼如下，各位拿了直接用就行（根據(jù)自己的需求修改下樣式）：
<template>
<div style="text-align: center;padding-top: 100px">
當(dāng)前時間:{{ nowTime }}
</div>
</template>
<script>
export default {
data() {
return {
nowTime: ''
};
},
mounted() {
this.getNowTime();
},
methods: {
getNowTime () {
let speed = 1000
let that = this
let theNowTime = function () {
that.nowTime = that.timeNumber()
}
setInterval(theNowTime, speed)
},
timeNumber () {
let today = new Date()
let date = today.getFullYear() + '-' + this.twoDigits(today.getMonth() + 1) + '-' + this.twoDigits(today.getDate())
let time = this.twoDigits(today.getHours()) + ':' + this.twoDigits(today.getMinutes()) + ':' + this.twoDigits(today.getSeconds())
return date + ' ' + time
},
twoDigits (val) {
if (val < 10) return '0' + val
return val
},
},
}
</script>
頁面效果：
文章來源：http://www.zghlxwxcb.cn/news/detail-509920.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-509920.html
到了這里，關(guān)于VUE實時顯示當(dāng)前時間的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[Unity學(xué)習(xí)]使用ScrollRect實現(xiàn)自動滾動到底部顯示實時消息，并在拖動的時候取消自動滾動，再次手動滑到底部，又繼續(xù)自動滾動](https://imgs.yssmx.com/Uploads/2024/02/603566-1.gif)
