现在连添加个网站运行时间都要插件,还TM收费。
用deepseek写了一个前端网站运行时间计时器的代码。
直接剩几十块钱实现本功能。(^▽^)
找到模板里面的footer.php文件;将以下代码添加到合适位置即可:
<!-- 网站运行时间time 开始 -->
<div class="text-xs mmt-10px">
<span>网站艰难度过:</span>
<span class="time-value" id="days">0</span>天
<span class="time-value" id="hours">0</span>小时
<span class="time-value" id="minutes">0</span>分钟
<span class="time-value" id="seconds">0</span>秒
</div>
<script>
// 设置网站开始运行时间(这里设置为2023年1月1日)
const startDate = new Date('2023-01-01T00:00:00');
// 获取时间显示元素
const daysElement = document.getElementById('days');
const hoursElement = document.getElementById('hours');
const minutesElement = document.getElementById('minutes');
const secondsElement = document.getElementById('seconds');
// 更新时间函数
function updateTimer() {
// 计算当前时间与开始时间的差值(毫秒)
const now = new Date();
const diff = now - startDate;
// 计算天数、小时、分钟和秒数
const days = Math.floor(diff / (1000 * 60 * 60 * 24));
const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((diff % (1000 * 60)) / 1000);
// 更新显示
daysElement.textContent = days;
hoursElement.textContent = hours;
minutesElement.textContent = minutes;
secondsElement.textContent = seconds;
}
// 初始更新一次
updateTimer();
// 每秒更新一次
setInterval(updateTimer, 1000);
</script>
<!-- 网站运行时间time 结束 -->
将代码中的const startDate = new Date('2023-01-01T00:00:00');改成需要的时间即可
如果需要颜色区分效果,可以将css代码复制到模板中的css文件里即可
完整效果代码在演示链接查看源代码,按需修改即可
