上篇文章给大家分享了三种网站底部运行时间代码,本人在想如果有更漂亮的效果怎么更换呢,如果再修改代码再ftp上传,岂不非常麻烦,有没有其他便捷的途径呢?我告诉大家,捷径是有的,可以通过后台添加接口功能实现,废话不多说,开干:

后台增加代码写入功能

  • 在主题文件functions.php中加入如下代码:
        $Juptime = new Typecho_Widget_Helper_Form_Element_Textarea(
        'Juptime',
        NULL,
        NULL,
        '网站运行时间(非必填)',
        '介绍:字数请勿过多,内容随意。例如:网站运行时间,如XX天,支持html标签'
    );
    $Juptime->setAttribute('class', 'j-setting-content j-setting-global');
    $form->addInput($Juptime);

footer.php中加入以下代码:

<center>
            <section class="Juptime">
                <?php if ($this->options->Juptime) : ?>
                    <?php $this->options->Juptime() ?>
                <?php else : ?>
                    本站稳定运行XX天XX小时XX分XX秒
                <?php endif; ?>
            </section>
</center>

代码调用:

  • 后台刷新,找到网站运行时间(如图):
    uptime.png
  • 加入以下代码:
<span id="span"></span>
<script type="text/javascript">
    function runtime(){
        // 初始时间,日/月/年 时:分:秒
        X = new Date("11/18/2020 8:32: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);
        //信息写入到DIV中
        span.innerHTML = "本站稳定运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"
    }
    setInterval(runtime, 1000);
</script>
  • 保存设置,回到首页刷新,大功告成!

说明:

需要修改代码的文件路径如下:
functions.php usr/themes/你的主题/functions.php
footer.php usr/themes/你的主题/public/footer.php

最后修改:2021 年 02 月 09 日 12 : 29 AM
如果觉得我的文章对你有用,请随意赞赏鼓励!