获取网站运行时间

js实现网站已运行XX天的代码

目录

  1. 直接粘贴代码（一般放到 html 的 </body> 标签之前），Date("10/11/2017 7:00:00") 改成自己要的时间
<script type="text/javascript">
    function show_runtime() {
        window.setTimeout("show_runtime()", 1000);
        X = new Date("10/11/2017 7:00: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);
        runtime_span.innerHTML = "网站在各种灾难中运行了: " + A + "天" + B + "小时" + C + "分" + D + "秒"
    }
    show_runtime();
</script>
  1. 在哪个地方显示就贴下下面的代码（一般在footer）
<span id="runtime_span"></span>

网站雪花特效html代码

  • 在页面头部的head的标签中添加下方的javascript代码：
<script  src="https://unpkg.com/magic-snowflakes@6.0.1/dist/snowflakes.min.js"> </script>
<script>var sf = new Snowflakes({color: "#CCCCCC"}); </script>

代码中的#CCCCCC是雪花的颜色。

网站顶部添加动态流动跑马灯

  • 把下面代码放入主题functions.php文件中。
function horseracelamp() {
    echo '<style>#top-grrk{background:url(https://external-30160.picsz.qpic.cn/e94ff0137dfb6cc51925d4ccf61d2541);height:2px;position:fixed;width:100%;Z-index:10000}</style><div id="top-grrk"></div>';
    }
add_action( 'wp_head', 'horseracelamp', 100 );

添加显示站点统计信息代码

  • 将统计代码放在你想显示的主题文件中，把CSS代码放入你的主题样式文件里。
PHP代码
<ul class="codesign-footer-ul">
	<li class="codeisgn-footer"><h6 class="codesign-h6"><?php $count_posts = wp_count_posts(); echo $published_posts = $count_posts->publish; ?></h6>资源总数</li>
	<li class="codeisgn-footer weizhi1"><h6 class="codesign-h6"><?php echo get_week_post_count(); ?></h6>本周更新</li>
	<li class="codeisgn-footer weizhi1"><h6 class="codesign-h6"><?php echo WeeklyUpdate(); ?></h6>今日更新</li>
	<li class="codeisgn-footer weizhi1"><h6 class="codesign-h6"><?php $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users"); echo $users; ?></h6>会员数量</li>
	<li class="codeisgn-footer weizhi1"><h6 class="codesign-h6"><?php $total_comments = get_comment_count(); echo $total_comments['approved'];?></h6>评论总数</li>
</ul>

CSS代码
/* 文字统计排版开始 */
.codesign-footer-ul{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
}
.codeisgn-footer {
    list-style: none;
    font-size: 13px;
}
.codesign-h6 {
    line-height: 0px !important;
    font-size: 20px !important;
    margin-right: 30px;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
	color: #f84270;
}
.weizhi1 {
	margin-left: 30px;
}
/* 文字统计排版结束 */

网站实现复制成功弹出提示框美化版代码

  • 直接将以下代码加入到主题目录functions.php文件即可
//复制成功提醒  
function jiub() {  
 echo '<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';  
 echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';  
 echo '<script>document.body.oncopy = function() { swal("复制成功！", "转载请务必保留原文链接，申明来源，谢谢合作！！","success");};</script>';  
}  
add_action( 'wp_footer', 'jiub', 100 );
  • 接着在footer.php文件里加上
<?php jiub(); ?>
THE END
© 版权声明
分享是一种美德，转载请保留原链接