js代码增加网页底部 本站已稳定运行了X天X时分秒

2,794次阅读
没有评论

前言

将此段代码添加到 主题 的 footer 里面即可,因是 JS 加载稍慢 内还有 style 样式动画

需要修改的是 NewDate("1970-0-0"); 此段中的 日期 即可

代码:

        <span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
        <script type="text/javascript">
            function NewDate(str) {str = str.split('-');
                var date = new Date();
                date.setUTCFullYear(str[0], str[1] - 1, str[2]);
                date.setUTCHours(0, 0, 0, 0);
                return date;
            }

            function momxc() {var birthDay = NewDate("1970-0-0");
                var today = new Date();
                var timeold = today.getTime() - birthDay.getTime();
                var sectimeold = timeold / 1000
                var secondsold = Math.floor(sectimeold);
                var msPerDay = 24 * 60 * 60 * 1000;
                var e_daysold = timeold / msPerDay;
                var daysold = Math.floor(e_daysold);
                var e_hrsold = (daysold - e_daysold) * -24;
                var hrsold = Math.floor(e_hrsold);
                var e_minsold = (hrsold - e_hrsold) * -60;
                var minsold = Math.floor((hrsold - e_hrsold) * -60);
                var seconds = Math.floor((minsold - e_minsold) * -60).toString();
                document.getElementById("momk").innerHTML = "本博客已萌萌哒运行了:" + daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
                setTimeout(momxc, 1000);
            }
            momxc();
        </script><span class="my-face">(●'◡'●)ノ</span><br>
        <?php printf('| 耗时 %.3f 秒 | 查询 %d 次 | 内存 %.2f MB |',timer_stop( 0, 3),get_num_queries(),memory_get_peak_usage() / 1024 / 1024);?>
        <style>
            #momk {
                animation: change 10s infinite;
                font-weight: 800;
            }

            @keyframes change {
                0% {color: #5cb85c;}

                25% {color: #556bd8;}

                50% {color: #e40707;}

                75% {color: #66e616;}

                100% {color: #67bd31;}
            }
        </style>

具体效果如图:

js 代码增加网页底部 本站已稳定运行了 X 天 X 时分秒

正文完
 
admin@f1tz.com
版权声明:本站原创文章,由 [email protected] 2022-09-23发表,共计1268字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码