前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >给网站添加本站运行天数

给网站添加本站运行天数

作者头像
大白熊
发布于 2021-12-23 06:14:00
发布于 2021-12-23 06:14:00
94600
代码可运行
举报
文章被收录于专栏:大白熊的文章大白熊的文章
运行总次数:0
代码可运行

效果

站点

在主题配置里头黏贴

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div style="font-size: 0.85rem">
<span id="timeDate">载入天数...</span>
<span id="times">载入时分秒...</span>
<script src="/runtime.js"></script>

JS代码

你需要新建一个runtime.js的文件(在网站根目录),并且修改起始日期。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/** 修改日期 2021/12/12 **/
/** 作者 张凯强,大白熊修改 **/
/** 网站 blog.changrui.xyz **/
/** 作者网站 hexo.fluid-dev.com **/
!(function() {
  /** 计时起始时间,自行修改 **/
  var start = new Date("2021/12/11 07:49:00");

  function update() {
    var now = new Date();
    now.setTime(now.getTime()+250);
    days = (now - start) / 1000 / 60 / 60 / 24;
    dnum = Math.floor(days);
    hours = (now - start) / 1000 / 60 / 60 - (24 * dnum);
    hnum = Math.floor(hours);
    if(String(hnum).length === 1 ){
      hnum = "0" + hnum;
    }
    minutes = (now - start) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
    mnum = Math.floor(minutes);
    if(String(mnum).length === 1 ){
      mnum = "0" + mnum;
    }
    seconds = (now - start) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
    snum = Math.round(seconds);
    if(String(snum).length === 1 ){
      snum = "0" + snum;
    }
    document.getElementById("timeDate").innerHTML = "本站艰难的存活了&nbsp"+dnum+"&nbsp天";
    document.getElementById("times").innerHTML = hnum + "&nbsp小时&nbsp" + mnum + "&nbsp分&nbsp" + snum + "&nbsp秒";
  }

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

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Fluid -4- 页脚增加网站运行时长
需要说明的是,如果将这个js 文件直接放在 hexo 目录的source 文件夹中,会报错无法渲染站点,此处有两种解决方案
为为为什么
2022/08/06
7310
Fluid -4- 页脚增加网站运行时长
为主题用pugjs编写的hexo博客添加网站运行时间
然后把上述脚本添加到主题的layout/_partials/footer/footer.pug文件中(不同主题可能文件不一样,请自行参考)即可在网页底部显示网站运行时间了OvO,不过要注意修改一下var grt= new Date("08/13/2018 00:00:00");中的起始时间哦!
impressionyang
2020/08/26
8570
博客底部代码
说明: 刚刚凭借自己仅有的css知识去改了以下单调的博客底部,现在已经好看多啦,效果如下
meowrain
2021/04/22
1.3K0
博客底部代码
自建Alist共享网盘网站
一、背景 由于百度网盘下载限速,所以就用了天翼云,坚果云,阿里云等,结果每次都要登录,就很拉跨, 所以在这里部署一套共享alist网盘,实现随时随地,只要有网,开箱即用。 二、docker部署 官方地址 1.安装 # 端口自定义即可 docker run -d --restart=always -v /etc/alist:/opt/alist/data -p 5244:5244 --name="alist" xhofe/alist:latest 2.密码化密码 docker exec -it alis
懿曲折扇情
2022/09/06
3.5K0
自建Alist共享网盘网站
hexo安装与配置
陳斯托洛夫斯記
2024/08/07
1060
个人博客制作简介
大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说个人博客制作简介,希望能够帮助大家进步!!!
Java架构师必看
2021/12/15
1.2K0
个人博客制作简介
Hexo + Fluid 美化
本博客的主题已由 Fluid 改为 Butterfly, 部分功能可能失效,请注意!
EmoryHuang
2022/10/27
1.6K0
Hexo + Fluid 美化
搭建个人博客
市面上的XX云其实都还可以,虽然有时候可能掉线 hh,我的就是动不动数据库就掉了,不过无妨,就是记录给自己看看,反正没啥人~
汐语
2023/02/23
2.2K0
搭建个人博客
打造一个舒服的写作环境(Hexo)
以上方案在免费的同时也还有保持相当不错的访问速度。不需要购买服务器,减少不必要的运维工作。
Ant丶
2022/03/01
1.6K1
打造一个舒服的写作环境(Hexo)
Ty-Cuteen主题美化汇总
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 5s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
小何.
2023/03/27
7051
设置网站运行时间
老猫-Leo
2023/12/11
2700
前端技术前沿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
设置网站运行时间
使用javascript计算博客等网站的运行时间。 话不多说,直接贴码! 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 function createTime() { var now = new Date(); var run = new Date("05/28/2018 20:01:01"); //
Cell
2022/02/25
7460
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
网站运行时间siteTime();
Dabenshi
2023/05/26
4590
JavaScript案例:倒计时
案例分析 核心算法:输入的时间减去现在的时间就是剩余时间,即倒计时,但是不能拿时分秒去减,比如05分减去25分,结果是负数。 用时间戳来实现,用户输入时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数。 把剩余时间的毫秒数转换为时分秒标准格式。 转换公式 d = parselnt(总秒数/60/60/24);//计算天数 h = parselnt(总秒数/60/60%24); //计算小时 m = parselnt(总秒数/60%60); //计算分数 s = parselnt(总秒数%60
岳泽以
2022/10/26
1.8K0
如何写一个js指定时间倒计时
更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/120055675
马克社区
2022/07/15
7400
JavaScript实现网站运行时间
看到很多的博客站点上都是有网站运行时间统计的代码,之前有学过JS语言,之后上网上借鉴了一下网上大佬写的代码。就是一个简单的运行时间的减法运算,才用了JS的事件函数,获取当前时间等等操作,最后给大家看一下代码及效果图片吧!
Meng小羽
2019/12/23
1.1K3
Typecho博客网站底部添加网站已运行时间教程
样式一: 1. 将代码放入 functions.php 一般在主题根目录:网站 /usr/themes/ 主题 修改一下你自己的网站时间 // 设置时区 date_default_timezone_set('Asia/Shanghai'); /** * 秒转时间,格式 年 月 日 时 分 秒 * */ function getBuildTime() { // 在下面按格式输入本站创建的时间 $site_create
季春二九
2023/03/22
7490
网站自定义运行时间和当前时间和天气代码
代码如下,附在网页代码即可。文字可适当修改,自测。 <script language=javascript> function siteTime(){ window.setTimeout("siteTime()", 1000); var seconds = 1000 var minutes = seconds * 60 var hours = minutes * 60
Lcry
2022/11/29
7440
网站自定义运行时间和当前时间和天气代码
相关推荐
Fluid -4- 页脚增加网站运行时长
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验