网站底部加上网站运行时间的教程

141次阅读
2024年03月27日 11:01:44

共计 736 个字符,预计需要花费 2 分钟才能阅读完成。

首先,在Vue组件的标签中添加一个用于显示运行时间的元素,例如:

<div>网站运行了: {{ days }}天{{ hours }}小时{{ minutes }}分{{ seconds }}秒</div>

然后,在Vue组件的标签中定义计算属性和生命周期钩子函数,如下所示:

<script>
export default {
data() {
return {
runtime: null,
days: 0,
hours: 0,
minutes: 0,
seconds: 0
};
},
mounted() {
this.showRuntime();
},
methods: {
showRuntime() {
setInterval(() => {
const startTime = new Date("3/27/2024 7:00:00"); //改为创立站点时间
const currentTime = new Date();
const timeDifference = currentTime.getTime() - startTime.getTime();
const millisecondsPerDay = 24 * 60 * 60 * 1000;
this.days = Math.floor(timeDifference / millisecondsPerDay);
this.hours = Math.floor((timeDifference % millisecondsPerDay) / (60 * 60 * 1000));
this.minutes = Math.floor((timeDifference % (60 * 60 * 1000)) / (60 * 1000));
this.seconds = Math.floor((timeDifference % (60 * 1000)) / 1000);
}, 1000);
}
}
};
</script>
正文完
 0
鹿泽
版权声明:本站原创文章,本文由 鹿泽 于 2024年3月27日 11:01:44 发表,共计 736 字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
如若本站内容侵犯了原著者的合法权益,可联系我们邮箱:526009505@qq.com进行处理。
最新文章
在表格中使用谷歌翻译函数公式批量翻译

在表格中使用谷歌翻译函数公式批量翻译

不用写VBA,在Excel或WPS表格中,使用谷歌翻译函数GoogleTranslate(),写写公式就可以快...
需求与满足度的相关提高权重算法原理

需求与满足度的相关提高权重算法原理

网站权重是什么,权重就代表一个网站的得分级别,权重越高排名能力就越强,同时可获得的关键词数量就越多。比如大家经...
seo绩效考核指标标准是什么?

seo绩效考核指标标准是什么?

优化人员的seo绩效考核标准是比较难制定的,在于很多地方无法衡量,尤其是外包公司,除了要做客户的运营之外,还要...
seo企业优化顾问如何针对网站做SEO分析?

seo企业优化顾问如何针对网站做SEO分析?

不过分的说,分析网站几乎每一个SEO站长都必须掌握的技能,因为只有学会分析网站,才能找出细微的问题,才能有所成...
网站怎么优化排名?一些平时积累的SEO收录知识总结

网站怎么优化排名?一些平时积累的SEO收录知识总结

经常有站长在优化网站的过程中不知所措,本人把一些平时积累的SEO收录知识总结成相关文章整理成笔记分享给大家,希...