注:代码的思路是每隔一秒让获得的当前秒自增,并每隔一秒将新的秒数进行赋值。
分钟是每隔60秒获取一次分钟,并给数据重新赋值。
每刷新一次页面,在页面挂载完成时获得一次系统时间。精确到年月日周几和小时数。
如果用户在当前页面24小时内都没有刷新过页面,系统时间的显示会有误差。因为它没有重新获取。
直接上代码:
<template>
<span id="time">
<h3>
{
{
nowtime }} : {
{
minutes }} : {
{
seconds}}
</h3>
</span>
</template>
<script>
export default {
data() {
return {
nowtime:'',
minutes:'',
seconds:''
}
},