如何在网站底部增加动态的运行天数代码
来源:搜你想要的 点击数: 时间:05-14
昨天我想在网站底部加一个运行天数的功能,由于我是不懂代码的小白,增加动态运行天数代码时遇到的问题,后来在百度找到了以下代码才可以正常显示,现在分享给大家,
CSS
<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(2017, 11, 25, 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>
使用方法:将 上面的代码放到网站的 footer 或 header 中,然后将这个《网站稳定运行:<span id="htmer_time" style="color: red;"></span>》插入统计代码当中或网站合适的位置即可,可在我的博客底部看到具体效果。希望有不懂的博友可以用上,感谢您的阅读!
广告推介
最新发布
- YaoBing主题,SEO优化最好的ZBlog自适应(响应式)模板
- Google确认页面速度影响移动搜索排名
- 深圳SEO:什么是百度指数?
- 百度指数查询与创建方法怎么做?
- 站长百科:历年百度算法规则大盘点
- 完美解决ZBlog忘记密码不能登录后台的问题
- 解析:百度分享代码按钮如何居右和居中方法
- 什么是网站的回链、对网站有什么作用呢?
- 如何在网站底部增加动态的运行天数代码
- 如何让网页自适应所有屏幕宽度
图文信息
最新视频
- 拜登首次听取总统每日简报,入主白宫迎来新阶段
- 入主白宫新阶段 拜登首次听取总统每日简报
- 拜登首次听取总统每日简报
- 新冠去年12月中就在美国出现 毒株来自于美国
- 新冠去年12月中就在美国出现 到底怎么回事?
- 新冠去年12月中就在美国出现
热门事件
- 大神介绍云帆盯眙麻将到底能不能开挂—教你用辅助挂
- 大神介绍河北邢台麻将能开挂吗到底有挂吗+教你用挂
- 大神介绍来来麻将老是输怎么办—原来有人用挂
- 大神介绍丫丫转转麻将是否有挂—教你用辅助挂
- 大神介绍盛世双扣老输是有挂吗—教你用辅助挂
- 终于知道邯郸胡乐麻将有辅助挂吗—原来真的有挂