又一篇老站教程,觉得挺有意思,就发出来供各位参考吧。比较有意思的一段,大概也就是毫秒时间那部分吧。本来想着给自己网站再加一个建站时间的代码,想想还是算了,老实写文章发教程才对。
建站时间添加方式来自RAW主题,毫秒时间来源网友私下交流。关于毫秒时间,使用了一个判断,如果毫秒时间为两位,则生成0xx,如果毫秒时间为一位,则生成00X,看起来一直是三位数字,就不会出现一秒一个鬼畜的状态。
js
首先,将以下js添加到主题,你可以添加到自己的js文件,也可以添加到footer.php文件中。添加到js文件中,直接添加即可。添加到footer.php,需要用<script></script>包括js代码。如果你觉得毫秒太快,请自行删除下方代码中关于ms的相关代码,再引入即可。
setInterval(function() {
var start_timestamp = 1528560000000;
var times = new Date().getTime() - new Date(start_timestamp).getTime();
times = Math.floor(times);
var days = Math.floor(times / 1000 / (60 * 60 * 24));
times %= 60 * 60 * 24000;
var hours = Math.floor(times / 1000 / (60 * 60));
times %= 60 * 60000;
var minutes = Math.floor(times / 60 / 1000);
times %= 60000;
var seconds = Math.floor(times / 1000);
times %= 1000;
var ms = Math.floor(times);
if (String(ms).length == 1) {
ms = "00" + String(ms)
};
if (String(ms).length == 2) {
ms = "0" + String(ms)
};
$("#uptime>div").html(days + " 天 " + hours + " 小时 " + minutes + " 分 " + seconds + " 秒 " + ms + " 毫 ")
}, 1);
上述代码中的第二行为建站时间:Unix时间戳,可以通过在线工具转换,请注意是ms单位的时间。
调用方式
在你想显示建站时间的地方,添加如下代码即可。
<div id="uptime" class="nav-left-panel" style="animation-delay:0.2s">
<span class="hidden-xs">感谢陪伴</span>
<div style="padding:0.5rem 0.3em;text-align: center;line-height: 1.5;">
<div class="idot"></div>
</div>
</div>
旧站文章,作者:古哥,如若转载,请注明出处:https://iymark.com/articles/418.html