带变色的本站已安全运行xx天xx时xx秒,本站已安全运行多少天多少秒的代码

简介: 这是一个会显示网站运行时间并周期性变色的代码片段。使用JavaScript计算自2016年05月06日12:12:24以来的天数、小时、分钟和秒,并通过CSS实现文字颜色的动画效果。代码简单易用,只需复制到目标位置即可。

这个东西非常好玩,今天北冥就给你把代码放出来吧

使用也非常简单想放在哪里就把代码复制添加到哪里就行了!

我已经把代码压缩并分享给你们了你们自己下载就行了

是会变色的哦!

本站已安全运行:

<span id="momk"></span>

<script language=javascript>

function show_date_time(){

window.setTimeout("show_date_time()", 1000);

BirthDay=new Date("05-06-2016 12:12:24");//建站日期

today=new Date();

timeold=(today.getTime()-BirthDay.getTime());

sectimeold=timeold/1000

secondsold=Math.floor(sectimeold);

msPerDay=24*60*60*1000

e_daysold=timeold/msPerDay

daysold=Math.floor(e_daysold);

e_hrsold=(daysold-e_daysold)*-24;

hrsold=Math.floor(e_hrsold);

e_minsold=(hrsold-e_hrsold)*-60;

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

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

momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;

}

show_date_time();

</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>

目录
相关文章
|
小程序 数据安全/隐私保护
吐血整理的几十款小程序登陆界面【附完整代码】(一)
吐血整理的几十款小程序登陆界面【附完整代码】
6441 0
吐血整理的几十款小程序登陆界面【附完整代码】(一)
|
8月前
|
前端开发
清明节,如何用代码让网页变灰
清明节,如何用代码让网页变灰
|
前端开发 算法
蓝桥杯 —— Web前端(Bug调试类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(Bug调试类)【标题即题目链接,点击查看具体要求】
103 0
|
自然语言处理 JavaScript 前端开发
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
113 0
|
小程序
吐血整理的几十款小程序登陆界面【附完整代码】(三)
吐血整理的几十款小程序登陆界面【附完整代码】(三)
414 0
吐血整理的几十款小程序登陆界面【附完整代码】(三)
|
小程序
吐血整理的几十款小程序登陆界面【附完整代码】(二)
吐血整理的几十款小程序登陆界面【附完整代码】(二)
334 0
吐血整理的几十款小程序登陆界面【附完整代码】(二)
|
算法 JavaScript Java
一行代码让你CSDN主页变为高大上
一行代码让你CSDN主页变为高大上
110 0
一行代码让你CSDN主页变为高大上
|
机器学习/深度学习 JavaScript 安全
如何禁止小白查看网页源代码的简单操作
如何禁止小白查看网页源代码的简单操作
650 0