今天闲来无聊,突发奇想,给博客增添一个已运营时间怎么样?在网上查来查去,发现大部分都是直接放在网页里的代码,而代码放到我的主题里会与live2D插件产生的虚拟形象发生冲突,故开发了此小工具。

具体效果请参考右边栏作者简介下方的文字➡

那么我们如何实现这个小工具呢?

首先点击小工具中的自定义HTML

其次输入如下代码:

<span id="runtime_span" style="color:#0196e3;"></span>
<script type="text/javascript">
    function show_runtime(){
    window.setTimeout("show_runtime()",1000);
    X=new Date("12/18/2021 1:00:00");
    Y=new Date();
    T=(Y.getTime()-X.getTime());
    M=24*60*60*1000;
    a=T/M;
    A=Math.floor(a);
    b=(a-A)*24;B=Math.floor(b);
    c=(b-B)*60;
    C=Math.floor((b-B)*60);
    D=Math.floor((c-C)*60);
    runtime_span.innerHTML="网站已运行"+A+"天"+B+"小时"+C+"分"+D+"秒"
}
show_runtime();
</script>
分类: htmlJavaScript