带变色的本站已安全运行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>

目录
相关文章
|
6月前
|
数据安全/隐私保护
炫酷的生日快乐网页 【附带源码】
炫酷的生日快乐网页 【附带源码】
99 4
|
6月前
|
JavaScript 前端开发
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
|
6月前
小清新卡通人物404错误页面源码
小清新卡通人物404错误页面源码
43 0
小清新卡通人物404错误页面源码
|
前端开发
清明节,如何用代码让网页变灰
清明节,如何用代码让网页变灰
|
前端开发 JavaScript
前端仿原神登录首页HTML(你也想试试吗?)
前端仿原神登录首页HTML(你也想试试吗?)
485 0
前端仿原神登录首页HTML(你也想试试吗?)
|
JSON 小程序 前端开发
零基础学小程序 —— 页面配置和网络数据请求(五)(完结)
零基础学小程序 —— 页面配置和网络数据请求(五)(完结)
187 0
零基础学小程序 —— 页面配置和网络数据请求(五)(完结)
|
算法 JavaScript Java
一行代码让你CSDN主页变为高大上
一行代码让你CSDN主页变为高大上
125 0
一行代码让你CSDN主页变为高大上