在网络上访问别人的博客时，发现了一个不错的设置，在文章页脚添加网页计时，记录博客运行时间。看着时间一秒一秒的叠加，成就感油然而生。于是也想在这个博客添加这个计时器，代码也不难，都是学过的，只要找到对的地方添加就好了。
操作如下：
Wordpress后台——>外观——>编辑——>在右边的主题文件中找到【主题页脚 (footer.php)】修改代码如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<?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> |
更改完成别忘了更新文件，再刷新博客，页脚的运行计时就显示出来了