网站底部添加运行时间代码

网站底部添加运行时间代码

想要拥有一个会变颜色的运行时间代码吗,

可以拉到网站底部查看本站在使用的效果。

 

在页脚添加

<!-- 网站运行计时统计 start-->
<span id="momk"></span><span id="momk" style="color: #ff0000"></span>

 

另一部分放置

<!-- 网站运行计时统计 start-->
<center>
<span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
<script type="text/javascript">
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 momxc() {
var birthDay = NewDate("2020-10-20");//设置建站时间
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("momk").innerHTML = "本站已安全运行" + daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
setTimeout(momxc, 1000);
} momxc();
</script>
<style>
#momk {
animation: change 10s infinite;
font-weight: 800;
}

@keyframes change {
0% {
color: #5cb85c;
}

25% {
color: #556bd8;
}

50% {
color: #e40707;
}

75% {
color: #66e616;
}

100% {
color: #67bd31;
}
}
</style>
</center>
<!-- 网站运行计时统计 over-->

 

THE END
喜欢就支持一下吧
点赞7赞赏 分享
评论 共1条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像一位WordPress评论者0