最近有个需求,要在博客里加上一个运行时间,格式如下:
实现方法如下:
在Vue文件里的标签中添加如下代码
<template>
<div class="dashboard-editor-container">
<div>
<el-tag>已勉强运行:{{appRunTime}}</el-tag>
</div>
</div>
</template>
在Vue文件里的
其中 2023-01-01 00:00:00 为网站创建时间,可以按照需要进行修改
<script>
export default {
name: 'charts',
data() {
return {
appRunTime: ""
}
},
mounted() {
var that = this
var timer = ''
timer = window.setInterval(function logname() {
let staytimeGap = new Date().getTime() - new Date('2023-01-01 00:00:00').getTime();
let stayDay = Math.floor(staytimeGap / (3600 * 1000 * 24));
let leave = staytimeGap % (3600 * 1000 * 24);
let stayHour = Math.floor(leave / (3600 * 1000));
let leave1 = leave % (3600 * 1000);
let stayMin = Math.floor(leave1 / (60 * 1000));
let leave2 = leave1 % (60 * 1000);
let staySec = Math.floor(leave2 / 1000);
that.appRunTime = stayDay + "天" + stayHour + "时" + stayMin + "分" + staySec + "秒";
}, 1000);
},
methods: {
}
}
</script>
大功告成!