WordPress页脚添加网站运行时间显示

2018年6月9日20:27:31 发表评论 1,474 人围观

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

操作如下:
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>

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: