页脚样式一优化
This commit is contained in:
parent
525ea91dcb
commit
76cd74419f
|
@ -129,72 +129,6 @@
|
|||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<script async="async">(function () {
|
||||
var grt = new Date("[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[1]}]]/[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[2]}]]/[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[0]}]] 00:00:00"); //设置网站上线时间
|
||||
var now = new Date();
|
||||
var dnum;
|
||||
var hnum;
|
||||
var mnum;
|
||||
var snum;
|
||||
var nowHour;
|
||||
var t;
|
||||
var n;
|
||||
|
||||
// 计算并更新天数、小时数、分钟数和秒数
|
||||
function updateTime() {
|
||||
now = new Date(); // 更新 now 的值
|
||||
nowHour = now.getHours(); // 更新 nowHour 的值
|
||||
var days = (now - grt) / 1000 / 60 / 60 / 24;
|
||||
dnum = Math.floor(days);
|
||||
var hours = (now - grt) / 1000 / 60 / 60 - 24 * dnum;
|
||||
hnum = Math.floor(hours);
|
||||
if (String(hnum).length == 1) {
|
||||
hnum = "0" + hnum;
|
||||
}
|
||||
var minutes = (now - grt) / 1000 / 60 - 24 * 60 * dnum - 60 * hnum;
|
||||
mnum = Math.floor(minutes);
|
||||
if (String(mnum).length == 1) {
|
||||
mnum = "0" + mnum;
|
||||
}
|
||||
var seconds = (now - grt) / 1000 - 24 * 60 * 60 * dnum - 60 * 60 * hnum - 60 * mnum;
|
||||
snum = Math.round(seconds);
|
||||
if (String(snum).length == 1) {
|
||||
snum = "0" + snum;
|
||||
}
|
||||
t = Math.trunc(234e8 + (now - grt) / 1e3 * 17)
|
||||
n = (t / 1496e5).toFixed(6)
|
||||
}
|
||||
|
||||
// 更新网页中显示的网站运行时间
|
||||
function updateHtml() {
|
||||
const footer = document.getElementById("footer");
|
||||
if (!footer) return
|
||||
let currentTimeHtml = "";
|
||||
if (nowHour < 18 && nowHour >= 9) {
|
||||
// 如果是上班时间,默认就是"困困鱼-上班摸鱼中.svg"图片,不需要更改
|
||||
currentTimeHtml = `本站居然运行了 ${dnum} 天<span id='runtime'> ${hnum} 小时 ${mnum} 分 ${snum} 秒 </span><i class='haofont hao-icon-heartbeat' style='color:red'></i> <br> 旅行者 1 号当前距离地球 ${t} 千米,约为 ${n} 个天文单位 🚀`;
|
||||
} else {
|
||||
// 如果是下班时间,插入"困困鱼-下班啦.svg"图片
|
||||
let img = document.querySelector("#workboard .workSituationImg");
|
||||
img.src = "[[${theme.config.footer.footerContent.style_one.work_img}]]";
|
||||
img.title = "[[${theme.config.footer.footerContent.style_one.work_description}]]";
|
||||
img.alt = "[[${theme.config.footer.footerContent.style_one.work_description}]]";
|
||||
|
||||
currentTimeHtml = `本站居然运行了 ${dnum} 天<span id='runtime'> ${hnum} 小时 ${mnum} 分 ${snum} 秒 </span><i class='haofont hao-icon-heartbeat' style='color:red'></i> <br> 旅行者 1 号当前距离地球 ${t} 千米,约为 ${n} 个天文单位 🚀`;
|
||||
}
|
||||
|
||||
if (document.getElementById("runtimeTextTip")) {
|
||||
document.getElementById("runtimeTextTip").innerHTML = currentTimeHtml;
|
||||
}
|
||||
}
|
||||
|
||||
setInterval(() => {
|
||||
updateTime();
|
||||
updateHtml();
|
||||
}, 1000);
|
||||
})();</script>
|
||||
</th:block>
|
||||
|
||||
<!-- 右下角 snackbar 弹窗 -->
|
||||
|
|
|
@ -41,6 +41,74 @@
|
|||
|
||||
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.2.0/css/all.min.css" media="all" onload="this.media='all'">
|
||||
|
||||
|
||||
|
||||
<script th:if="${theme.config.footer.footerContent.footerStyle == 'one'}" async="async">(function () {
|
||||
var grt = new Date("[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[1]}]]/[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[2]}]]/[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[0]}]] 00:00:00"); //设置网站上线时间
|
||||
var now = new Date();
|
||||
var dnum;
|
||||
var hnum;
|
||||
var mnum;
|
||||
var snum;
|
||||
var nowHour;
|
||||
var t;
|
||||
var n;
|
||||
|
||||
// 计算并更新天数、小时数、分钟数和秒数
|
||||
function updateTime() {
|
||||
now = new Date(); // 更新 now 的值
|
||||
nowHour = now.getHours(); // 更新 nowHour 的值
|
||||
var days = (now - grt) / 1000 / 60 / 60 / 24;
|
||||
dnum = Math.floor(days);
|
||||
var hours = (now - grt) / 1000 / 60 / 60 - 24 * dnum;
|
||||
hnum = Math.floor(hours);
|
||||
if (String(hnum).length == 1) {
|
||||
hnum = "0" + hnum;
|
||||
}
|
||||
var minutes = (now - grt) / 1000 / 60 - 24 * 60 * dnum - 60 * hnum;
|
||||
mnum = Math.floor(minutes);
|
||||
if (String(mnum).length == 1) {
|
||||
mnum = "0" + mnum;
|
||||
}
|
||||
var seconds = (now - grt) / 1000 - 24 * 60 * 60 * dnum - 60 * 60 * hnum - 60 * mnum;
|
||||
snum = Math.round(seconds);
|
||||
if (String(snum).length == 1) {
|
||||
snum = "0" + snum;
|
||||
}
|
||||
t = Math.trunc(234e8 + (now - grt) / 1e3 * 17)
|
||||
n = (t / 1496e5).toFixed(6)
|
||||
}
|
||||
|
||||
// 更新网页中显示的网站运行时间
|
||||
function updateHtml() {
|
||||
const footer = document.getElementById("footer");
|
||||
if (!footer) return
|
||||
let currentTimeHtml = "";
|
||||
if (nowHour < 18 && nowHour >= 9) {
|
||||
// 如果是上班时间,默认就是"困困鱼-上班摸鱼中.svg"图片,不需要更改
|
||||
currentTimeHtml = `本站居然运行了 ${dnum} 天<span id='runtime'> ${hnum} 小时 ${mnum} 分 ${snum} 秒 </span><i class='haofont hao-icon-heartbeat' style='color:red'></i> <br> 旅行者 1 号当前距离地球 ${t} 千米,约为 ${n} 个天文单位 🚀`;
|
||||
} else {
|
||||
// 如果是下班时间,插入"困困鱼-下班啦.svg"图片
|
||||
let img = document.querySelector("#workboard .workSituationImg");
|
||||
img.src = "[[${theme.config.footer.footerContent.style_one.work_img}]]";
|
||||
img.title = "[[${theme.config.footer.footerContent.style_one.work_description}]]";
|
||||
img.alt = "[[${theme.config.footer.footerContent.style_one.work_description}]]";
|
||||
|
||||
currentTimeHtml = `本站居然运行了 ${dnum} 天<span id='runtime'> ${hnum} 小时 ${mnum} 分 ${snum} 秒 </span><i class='haofont hao-icon-heartbeat' style='color:red'></i> <br> 旅行者 1 号当前距离地球 ${t} 千米,约为 ${n} 个天文单位 🚀`;
|
||||
}
|
||||
|
||||
if (document.getElementById("runtimeTextTip")) {
|
||||
document.getElementById("runtimeTextTip").innerHTML = currentTimeHtml;
|
||||
}
|
||||
}
|
||||
|
||||
setInterval(() => {
|
||||
updateTime();
|
||||
updateHtml();
|
||||
}, 1000);
|
||||
})();</script>
|
||||
|
||||
|
||||
<script>
|
||||
(win => {
|
||||
win.saveToLocal = {
|
||||
|
|
Loading…
Reference in New Issue