Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
为自己的博客添加运行时间
这篇文章最后修改于 2022-06-23 日,距今已有 152 天,请注意甄别内容是否已经过时!
羽翼博客
2022/11/28
4140
个人博客添加运行时间
<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
9140
显示网站运行时间
文章摘自小峰博客,经常逛网站,细心的话会发现,有些网站底部会显示本站稳定运行XX年XX天,甚至后面还显示XX时、XX秒
herve
2018/09/20
4.1K0
显示网站运行时间
Typecho博客网站底部添加网站已运行时间教程
样式一: 1. 将代码放入 functions.php 一般在主题根目录:网站 /usr/themes/ 主题 修改一下你自己的网站时间 // 设置时区 date_default_timezone_set('Asia/Shanghai'); /** * 秒转时间,格式 年 月 日 时 分 秒 * */ function getBuildTime() { // 在下面按格式输入本站创建的时间 $site_create
季春二九
2023/03/22
7580
Typecho添加在线人数,访问量,运行日期
进入linux宝塔(如果你安装了宝塔),进入主题路径,修改后台的php文件(适用于Cuteen主题,别的主题不知道适不适用) footer在base路径下 functions在主题根目录下
SakuraTears
2022/01/13
8090
为博客添加恋爱天数小工具
效果预览 扒自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
6770
为博客添加恋爱天数小工具
在网站的下方添加站点运行时间
我的博客目前在用的是 Typecho 框架 + Joe 主题。目前(截止2021 年 3 月)已经更新到了 6.1.0 版本,新版本较旧版本(4.x)在 UI 界面上整体变化不大,主要是多了不少细节,但是同时在设置选项里也阉割掉了不少之前可以设置的项,以及我很喜欢的文章归档功能也没了,所以在新版本主题没有稳定版之前先保持观望状态。可以我又十分眼馋新版本里加入的显示站点运行时间的功能,就去网上找到了些资料,所以有了这篇博客。
知识分子没文化
2023/07/01
3500
在网站的下方添加站点运行时间
给你的博客加一个情侣恋爱倒计时小工具,另外安利一个好用的typecho插件
因为第一次做美化,考虑到很多小伙伴还不会css,所以我自己测试好再放出来,哈哈哈,暂时鸽了
imzql
2021/12/28
1.2K0
php代码之网站显示安全运行时间代码
上述就可实现网站计时功能,结合数组函数实现,后续可是使用js获取倒计时,时时显示!
十月梦想
2018/08/29
1.5K0
为主题用pugjs编写的hexo博客添加网站运行时间
然后把上述脚本添加到主题的layout/_partials/footer/footer.pug文件中(不同主题可能文件不一样,请自行参考)即可在网页底部显示网站运行时间了OvO,不过要注意修改一下var grt= new Date("08/13/2018 00:00:00");中的起始时间哦!
impressionyang
2020/08/26
8640
博客底部代码
说明: 刚刚凭借自己仅有的css知识去改了以下单调的博客底部,现在已经好看多啦,效果如下
meowrain
2021/04/22
1.3K0
博客底部代码
PHP函数大全·持续更新
邮箱验证 function is_valid_email($email) { if (preg_match('/^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/', $email)) { return true; } else { return false; } } OR function check_email($email) { $result = trim($email); if (filter_var($resu
骤雨重山
2022/01/17
1.1K0
给网站添加本站运行天数
效果 站点 在主题配置里头黏贴 <div style="font-size: 0.85rem"> <span id="timeDate">载入天数...</span> <span id="times">载入时分秒...</span> <script src="/runtime.js"></script> JS代码 你需要新建一个runtime.js的文件(在网站根目录),并且修改起始日期。 /** 修改日期 2021/12/12 **/ /** 作者 张凯强,大白熊修改 **/ /** 网站 bl
大白熊
2021/12/23
9620
给网站添加本站运行天数
JavaScript实现网站运行时间
看到很多的博客站点上都是有网站运行时间统计的代码,之前有学过JS语言,之后上网上借鉴了一下网上大佬写的代码。就是一个简单的运行时间的减法运算,才用了JS的事件函数,获取当前时间等等操作,最后给大家看一下代码及效果图片吧!
Meng小羽
2019/12/23
1.1K3
网站自定义运行时间和当前时间和天气代码
代码如下,附在网页代码即可。文字可适当修改,自测。 <script language=javascript> function siteTime(){ window.setTimeout("siteTime()", 1000); var seconds = 1000 var minutes = seconds * 60 var hours = minutes * 60
Lcry
2022/11/29
7550
网站自定义运行时间和当前时间和天气代码
前端技术前沿8
实现倒计时(天数、时、分、秒) parseInt() 函数可解析一个字符串,并返回一个整数。 <body onload="leftTimer()"> <h2>剩余时间:</h2> <div id="timer"></div> </body> <script language="javascript" type="text/javascript"> function leftTimer(year,month,day,hour,minute,second){ var leftTime =
达达前端
2019/07/03
5.9K0
前端技术前沿8
Native JS Timer
魔改步骤 新建 [Blogroot]\themes\butterfly\source\js\runtime.js, 此处用到了 shield.io 生成徽标,更多内容请参看站内教程:博客添加 gith
Akilar
2021/06/11
8410
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
跨年快乐动态炫酷烟花网页代码
烟花效果的实现可以采用前端技术,如HTML、CSS和JavaScript。通过结合动画、粒子效果等技术手段,可以创建出独特而炫目的烟花效果。同时,考虑到性能和兼容性,需要确保效果在各种设备上都能够良好运行。
博客趣
2024/05/05
4170
博客前端美化记录(持续更新)
程序:Typecho 主题:Cuteen Version:4.1 作者:@Veen zhao
Y5neKO
2022/01/13
7670
博客前端美化记录(持续更新)
相关推荐
为自己的博客添加运行时间
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验