Typecho 网站计时功能和格式修改记录

---

---

今天把小破站的网站计时功能和格式改了下，以xx年xx月xx日xx时xx分xx秒格式显示，记录如下：

后台起始时间设置功能代码

将以下代码放在主题文件functions.php的themeConfig($form) {}函数中。

 // 网站运行时间
 $hygd_time = new Typecho_Widget_Helper_Form_Element_Text('hygd_time', NULL, '11/2/2023 20:13:14', _t('网站运行时间'), _t('默认: 11/2/2023 20:13:14  请按照前边的实例按格式填写创建时间，分别是月/日/年 时:分:秒 '));
 $form->addInput($hygd_time);

后台设置

图：网站计时功能主题设置

前台显示代码

在需显示网站计时时间的地方插入以下代码，一般放在主题文件footer.php中。

<!--加入十年之约计时开始--> 
    <div  style="text-align:center;">    
        十年之约：<SPAN id=span_dt_dt style="color: #2F889A;"></SPAN> 
        <script language=javascript>
        function show_date_time(){
            window.setTimeout("show_date_time()", 1000);
            BirthDay=new Date("<?php $this->options->hygd_time(); ?> ");
            today=new Date();
            timeold=(today.getTime()-BirthDay.getTime());
            sectimeold=timeold/1000;
            secondsold=Math.floor(sectimeold);
            msPerDay=24*60*60*1000;
            msPerYear=365*24*60*60*1000;            
            //计时年
            e_yearsold=timeold/msPerYear;
            yearsold=Math.floor(e_yearsold);    
            //计时日            
            e_daysold=timeold/msPerDay;
            daysold=Math.floor(e_daysold-yearsold*365);
            //计时小时            
            daysolds=Math.floor(e_daysold);            
            e_hrsold=(e_daysold-daysolds)*24;
            hrsold=Math.floor(e_hrsold);
            //计时分            
            e_minsold=(e_hrsold-hrsold)*60;
            minsold=Math.floor((e_hrsold-hrsold)*60);
            //计时秒            
            seconds=Math.floor((e_minsold-minsold)*60);
            //输出计时格式\样式： xx年xx月xx日xx时xx分xx秒            
            span_dt_dt.innerHTML='<font style=color:#C40000>'+yearsold+'</font> 年 <font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分 <font style=color:#C40000>'+seconds+'</font> 秒';
            }
            show_date_time();
        </script> 
</div>
<!--加入十年之约计时结束-->

1、样式可以自己根据需要修改。

2、以上方法只适用于 Typecho 程序，其他程序可将前台显示代码中的 <?php $this->options->hygd_time(); ?> 写死（替换），例如：11/2/2023 20:13:14 。

显示效果示例

图：网站计时功能前台显示效果

实际效果参照本站页底！

---

文章标题：Typecho 网站计时功能和格式修改记录
分类标签：折腾，主题模板，工具代码，网站计时
文章链接：https://www.80srz.com/posts/1483.html
许可协议： 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)