Typecho 后台添加网站运行时间代码控制功能

Ravo

2021 年 01 月 30 日

1801 次浏览

暂无评论

1457字数

Typecho

上篇文章给大家分享了三种网站底部运行时间代码，本人在想如果有更漂亮的效果怎么更换呢，如果再修改代码再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>

代码调用：

后台刷新，找到网站运行时间（如图）：

加入以下代码：

<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>