html网站运行天数代码,js-网站已运行天数

效果:

1345284828_4140.jpg

纯JS实现,本来是用于一个程序的插件的。

代码:

function NewDate(str) {

str = str.split('-');

var date = new Date();

date.setUTCFullYear(str[0], str[1] - 1, str[2]);

date.setUTCHours(0, 0, 0, 0);

return date;

}

function showsectime() {

var birthDay =NewDate("2012-08-01");

var today=new Date();

var timeold=today.getTime()-birthDay.getTime();

var sectimeold=timeold/1000

var secondsold=Math.floor(sectimeold);

var msPerDay=24*60*60*1000;

var e_daysold=timeold/msPerDay;

var daysold=Math.floor(e_daysold);

var e_hrsold=(daysold-e_daysold)*-24;

var hrsold=Math.floor(e_hrsold);

var e_minsold=(hrsold-e_hrsold)*-60;

var minsold=Math.floor((hrsold-e_hrsold)*-60);

var seconds=Math.floor((minsold-e_minsold)*-60).toString();

document.getElementById("showsectime").innerHTML = "网站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";

setTimeout(showsectime, 1000);

}

showsectime();

### 添加网站运行天数功能 为了在 Hexo Butterfly 主题中实现显示网站运行天数的功能,可以通过修改主题配置文件以及引入相应的 JavaScript 脚本来完成这一需求。 #### 修改 `_config.yml` 文件 首先,在主题的 `_config.yml` 中找到 `footer` 设置部分。如果不存在该选项,则可以手动添加如下内容: ```yaml footer: show_runtime: true ``` 此设置用于启用页面底部显示站点运行时间的功能[^1]。 #### 编辑模板文件 接着编辑位于 `/themes/butterfly/layout/_partial/footer.ejs` 的模版文件,在适当位置加入以下 HTMLJavaScript 代码片段来计算并展示自定义起始日期以来经过了多少天: ```html <!-- 运行时间统计 --> <div id="site-runtime"></div> <script type="text/javascript"> function siteRuntime() { var birthDay = new Date("2023-04-01"); // 替换成您的博客建立的具体日期 var today = new Date(); var timeold = (today.getTime() - birthDay.getTime()); var sectimeold = timeold / 1000; var secondsold = Math.floor(sectimeold); var msPerDay = 24 * 60 * 60 * 1000; var e_daysold = timeold / msPerDay; var daysold = Math.floor(e_daysold); document.getElementById("site-runtime").innerHTML = "本站已安全运行:" + daysold + " 天"; } </script> <body onload="siteRuntime()"> ``` 上述脚本会在网页加载完成后自动调用 `siteRuntime()` 函数,并将结果显示于指定 div 容器内[^3]。 通过以上两步操作就可以成功实现在 Hexo Butterfly 主题上添加网站运行天数的效果了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值