前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >分享博客统计中的动态运行天数代码

分享博客统计中的动态运行天数代码

作者头像
张戈
发布于 2018-03-26 05:51:08
发布于 2018-03-26 05:51:08
1.3K00
代码可运行
举报
文章被收录于专栏:张戈的专栏张戈的专栏
运行总次数:0
代码可运行

快到博主恋爱纪念日了,本来是打算做一个恋爱时间统计功能来小小的罗曼蒂克一下,类似于 已相恋 **年 **天 **小时 **分 **秒,当我找到让时间差转成年月日时分秒的方法后,感觉用来做博客统计也是不错的!就来分享下,喜欢的博友可以往下看看:

一、先来个 php 版本的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<?php
/**
 * 秒转时间,格式 年 月 日 时 分 秒
 * 
 * @author wangyupeng129@126.com
 * @param int $time
 * @return array|boolean
 */
// 设置时区 
date_default_timezone_set('Asia/Shanghai');
function Sec2Time($time){
    if(is_numeric($time)){
        $value = array(
                "years" => 0, "days" => 0, "hours" => 0,
                "minutes" => 0, "seconds" => 0,
        );
        if($time >= 31556926){
            $value["years"] = floor($time/31556926);
            $time = ($time%31556926);
        }
        if($time >= 86400){
            $value["days"] = floor($time/86400);
            $time = ($time%86400);
        }
        if($time >= 3600){
            $value["hours"] = floor($time/3600);
            $time = ($time%3600);
        }
        if($time >= 60){
            $value["minutes"] = floor($time/60);
            $time = ($time%60);
        }
        $value["seconds"] = floor($time);
        return (array) $value;
    }else{
        return (bool) FALSE;
    }
}
// 本站创建的时间
$site_create_time = strtotime('2013-05-22 00:00:00');
$time = time() - $site_create_time;
$uptime = Sec2Time($time);
?>
本站运行:<span style="color:red;"><?php echo $uptime['years']; ?><?php echo $uptime['days']; ?><?php echo $uptime['hours']; ?>小时<?php echo $uptime['minutes']; ?><?php echo $uptime['seconds']; ?></span>

老早之前的描述了,自己看起来都费解,如果看不懂还是别尝试了,推荐使用翼帆远航博客分享的博客统计小工具版本:http://www.ipeld.net/archives/3394.html

二、JS 版本(可以动态计时)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script>
    function secondToDate(second) {
        if (!second) {
            return 0;
        }
        var time = new Array(0, 0, 0, 0, 0);
        if (second >= 365 * 24 * 3600) {
            time[0] = parseInt(second / (365 * 24 * 3600));
            second %= 365 * 24 * 3600;
        }
        if (second >= 24 * 3600) {
            time[1] = parseInt(second / (24 * 3600));
            second %= 24 * 3600;
        }
        if (second >= 3600) {
            time[2] = parseInt(second / 3600);
            second %= 3600;
        }
        if (second >= 60) {
            time[3] = parseInt(second / 60);
            second %= 60;
        }
        if (second > 0) {
            time[4] = second;
        }
        return time;
    }
</script>
<script type="text/javascript" language="javascript">
    function setTime() {
        // 博客创建时间秒数,时间格式中,月比较特殊,是从0开始的,所以想要显示5月,得写4才行,如下
        var create_time = Math.round(new Date(Date.UTC(2013, 4, 22, 0, 0, 0))
                .getTime() / 1000);
        // 当前时间秒数,增加时区的差异
        var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
        currentTime = secondToDate((timestamp - create_time));
        currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
                + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
                + '秒';
        document.getElementById("htmer_time").innerHTML = currentTimeHtml;
    }
    setInterval(setTime, 1000);
</script>
   网站运行:<span id="htmer_time" style="color: red;"></span>

使用方法:将 1~43 行内容放到网站的 footer 或 header 中,然后将 44 行代码插入统计代码当中或网站合适的位置即可,可在我的博客首页侧边栏最下面看到具体效果。

注:感谢忙碌的松鼠分享的代码。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2014年04月25日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
给你的博客加一个情侣恋爱倒计时小工具,另外安利一个好用的typecho插件
因为第一次做美化,考虑到很多小伙伴还不会css,所以我自己测试好再放出来,哈哈哈,暂时鸽了
imzql
2021/12/28
1.2K0
为自己的博客添加运行时间
这篇文章最后修改于 2022-06-23 日,距今已有 152 天,请注意甄别内容是否已经过时!
羽翼博客
2022/11/28
4100
Typecho添加在线人数,访问量,运行日期
进入linux宝塔(如果你安装了宝塔),进入主题路径,修改后台的php文件(适用于Cuteen主题,别的主题不知道适不适用) footer在base路径下 functions在主题根目录下
SakuraTears
2022/01/13
8040
Typecho博客网站底部添加网站已运行时间教程
样式一: 1. 将代码放入 functions.php 一般在主题根目录:网站 /usr/themes/ 主题 修改一下你自己的网站时间 // 设置时区 date_default_timezone_set('Asia/Shanghai'); /** * 秒转时间,格式 年 月 日 时 分 秒 * */ function getBuildTime() { // 在下面按格式输入本站创建的时间 $site_create
季春二九
2023/03/22
7540
个人博客添加运行时间
<script> function secondToDate(second) { if (!second) { return 0; } var time = new Array(0, 0, 0, 0, 0); if (second >= 365 * 24 * 3600) { time[0] = parseInt(second / (365 * 24 * 3600));
Wyc
2019/05/08
9120
在网站的下方添加站点运行时间
我的博客目前在用的是 Typecho 框架 + Joe 主题。目前(截止2021 年 3 月)已经更新到了 6.1.0 版本,新版本较旧版本(4.x)在 UI 界面上整体变化不大,主要是多了不少细节,但是同时在设置选项里也阉割掉了不少之前可以设置的项,以及我很喜欢的文章归档功能也没了,所以在新版本主题没有稳定版之前先保持观望状态。可以我又十分眼馋新版本里加入的显示站点运行时间的功能,就去网上找到了些资料,所以有了这篇博客。
知识分子没文化
2023/07/01
3460
在网站的下方添加站点运行时间
网站自定义运行时间和当前时间和天气代码
代码如下,附在网页代码即可。文字可适当修改,自测。 <script language=javascript> function siteTime(){ window.setTimeout("siteTime()", 1000); var seconds = 1000 var minutes = seconds * 60 var hours = minutes * 60
Lcry
2022/11/29
7470
网站自定义运行时间和当前时间和天气代码
博客前端美化记录(持续更新)
程序:Typecho 主题:Cuteen Version:4.1 作者:@Veen zhao
Y5neKO
2022/01/13
7540
博客前端美化记录(持续更新)
为博客添加恋爱天数小工具
效果预览 扒自Shawn  在售的主题超级漂亮!!喜欢的可以去看看。 使用方法. 在wordpress后台 外观-小工具 添加自定义html即可 /*代码中的时间需提前一个月*/ <div style="text-align: center;"> <link type="text/css" media="all" href="https://a-oss.zmki.cn/20190606/love.css" rel="stylesheet"> <img src="https://a-o
AlexTao
2019/07/16
6750
为博客添加恋爱天数小工具
Fluid -4- 页脚增加网站运行时长
需要说明的是,如果将这个js 文件直接放在 hexo 目录的source 文件夹中,会报错无法渲染站点,此处有两种解决方案
为为为什么
2022/08/06
7340
Fluid -4- 页脚增加网站运行时长
为主题用pugjs编写的hexo博客添加网站运行时间
然后把上述脚本添加到主题的layout/_partials/footer/footer.pug文件中(不同主题可能文件不一样,请自行参考)即可在网页底部显示网站运行时间了OvO,不过要注意修改一下var grt= new Date("08/13/2018 00:00:00");中的起始时间哦!
impressionyang
2020/08/26
8610
js 添加网站运行时间
<span id="sitetime"></span>  //js 调用 <script>     function siteTime(){         window.setTimeout("siteTime()", 1000);         var seconds = 1000;         var minutes = seconds * 60;         var hours = minutes * 60;         var days = hours * 24;         v
Savalone
2020/03/13
1.9K0
页脚添加建站时长
css文件一般是在head中引入,js文件一般在bottom中引入,特殊情况除外。
酒楼
2024/02/17
2260
给网站侧边栏添加恋爱计时器
如图: 图片 代码如下: <div class="joe_aside__item hot" style="text-align: center; color:#888; font-size: 15
小胡同学
2023/02/04
4000
给网站侧边栏添加恋爱计时器
显示网站运行时间
文章摘自小峰博客,经常逛网站,细心的话会发现,有些网站底部会显示本站稳定运行XX年XX天,甚至后面还显示XX时、XX秒
herve
2018/09/20
4.1K0
显示网站运行时间
Typecho左右侧广告区域展示恋爱线时间
该教程适用typecho动态博客框架,handsome主题,展示恋爱线时间,效果立于博客网页左侧右侧等区域,展示如下:
AomanHao
2022/01/14
7240
Typecho左右侧广告区域展示恋爱线时间
跨年快乐动态炫酷烟花网页代码
烟花效果的实现可以采用前端技术,如HTML、CSS和JavaScript。通过结合动画、粒子效果等技术手段,可以创建出独特而炫目的烟花效果。同时,考虑到性能和兼容性,需要确保效果在各种设备上都能够良好运行。
博客趣
2024/05/05
3980
添加恋爱计时小组件
前言 一个可以让你网站侧栏不在那么孤单的代码,自定义恋爱计时 实现效果 代码 <!-- 恋爱计时 --> <ul class="header_slideout-count"> <div id="lovesyl" style="width: 100%; height: 100%; text-align: center; font-size: 1rem;"> <div id="lovesylImage" style="width: 220px; margin: 0 auto;">
777nx
2023/05/02
3430
添加恋爱计时小组件
Typecho添加恋爱计时小组件-星泽V社
1.一个可以让你网站侧栏不在那么孤单的代码.可以加入你那 可爱 ,漂亮的女朋友表情还有 屌丝 的你 2.支持修改代码中的qq号即可更改头像图片,自定义恋爱计时 3.孤零零的我也只能静静的把好东西分享跟你们了!
星泽V社
2022/03/30
6000
Typecho添加恋爱计时小组件-星泽V社
php代码之网站显示安全运行时间代码
上述就可实现网站计时功能,结合数组函数实现,后续可是使用js获取倒计时,时时显示!
十月梦想
2018/08/29
1.5K0
相关推荐
给你的博客加一个情侣恋爱倒计时小工具,另外安利一个好用的typecho插件
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验