WordPress页脚添加运行时间显示

最新推荐文章于 2023-12-26 15:08:17 发布

天为我蓝

最新推荐文章于 2023-12-26 15:08:17 发布

阅读量1.1k

点赞数

文章标签： php javascript ViewUI

原文链接：http://www.cnblogs.com/54xavier/p/8462122.html

版权

在网络上访问别人的博客时，发现了一个不错的设置，在文章页脚添加网页计时，记录博客运行时间。看着时间一秒一秒的叠加，成就感油然而生。于是也想在这个博客添加这个计时器，代码也不难，都是学过的，只要找到对的地方添加就好了。

操作如下：
Wordpress后台——>外观——>编辑——>在右边的主题文件中找到【主题页脚 (footer.php)】修改代码如下

 
         <?php 
        
         /** 
        
         * The template for displaying the footer 
        
         * 
        
         * Contains the closing of the "site-content" div and all content after. 
        
         * 
        
         * @package WordPress 
        
         * @subpackage Twenty_Fifteen 
        
         * @since Twenty Fifteen 1.0 
        
         */ 
        
         ?> 
        
         </div><!-- .site-content --> 
        
         <footer id= 
         "colophon" 
         class 
         = 
         "site-footer" 
         role= 
         "contentinfo" 
         > 
        
         <div  
         class 
         = 
         "site-info" 
         > 
        
         托管于腾讯云 
        
         <?php 
        
         /** 
        
         * Fires before the Twenty Fifteen footer text for footer customization. 
        
         * 
        
         * @since Twenty Fifteen 1.0 
        
         */ 
        
         do_action(  
         'twentyfifteen_credits' 
         ); 
        
         ?> 
        
         <!--以下为计时功能代码--> 
        
         <script language= 
         "javascript" 
         > 
        
         function 
         tick() { 
        
         var 
         years,days,hours, minutes, seconds; 
        
         var 
         openday =  
         new 
         Date 
         ( 
         '2008/01/01 00:00' 
         );     
         //这里填写建站时间 
        
         var 
         today =  
         new 
         Date 
         ();  
         //获取系统当前时间 
        
         var 
         total = (today.getTime()-openday.getTime())/1000; 
        
         years=Math. 
         floor 
         (total/31536000); 
        
         total=total-years*31536000; 
        
         days=Math. 
         floor 
         (total/86400); 
        
         total=total-days*86400; 
        
         hours=Math. 
         floor 
         (total/3600); 
        
         total=total-hours*3600; 
        
         minutes=Math. 
         floor 
         (total/60); 
        
         total=total-minutes*60; 
        
         seconds=Math. 
         floor 
         (total); 
        
         timeString =  
         "网站运行：" 
         +years+ 
         "年" 
         +days+ 
         "天" 
         +hours+ 
         "时" 
         +minutes+ 
         "分" 
         +seconds+ 
         "秒" 
         ; 
        
         document.getElementById( 
         "Clock" 
         ).innerHTML = timeString; 
        
         window.setTimeout( 
         "tick();" 
         , 1000); 
        
         } 
        
         window.onload = tick; 
        
         </script> 
        
         <span id= 
         "Clock" 
         ></span> 
        
         <!--以上为计时功能代码--> 
        
         </div><!-- .site-info --> 
        
         </footer><!-- .site-footer --> 
        
         </div><!-- .site --> 
        
         <?php wp_footer(); ?> 
        
         </body> 
        
         </html>

更改完成别忘了更新文件，再刷新博客，页脚的运行计时就显示出来了

转载于:https://www.cnblogs.com/54xavier/p/8462122.html

天为我蓝

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
WordPress页脚添加运行时间显示

在网络上访问别人的博客时，发现了一个不错的设置，在文章页脚添加网页计时，记录博客运行时间。看着时间一秒一秒的叠加，成就感油然而生。于是也想在这个博客添加这个计时器，代码也不难，都是学过的，只要找到对的地方添加就好了。操作如下：Wordpress后台——>外观——>编辑——>在右边的主题文件中找到【主题页脚 (footer.php)】修改代码如下...
复制链接

扫一扫