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

目录
相关文章
|
7月前
|
前端开发
清明节,如何用代码让网页变灰
清明节,如何用代码让网页变灰
|
10月前
|
JSON 小程序 前端开发
细说小程序底部标签---【浅入深出系列006】
细说小程序底部标签---【浅入深出系列006】
|
11月前
给你得博客网站加一个复制提醒弹窗
给网站加一个复制提醒弹窗
54 0
|
11月前
|
JavaScript
|
前端开发 算法
蓝桥杯 —— Web前端(Bug调试类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(Bug调试类)【标题即题目链接,点击查看具体要求】
|
自然语言处理 JavaScript 前端开发
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
111 0
|
JSON 前端开发 JavaScript
蓝桥杯 —— Web前端(数据交互类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(数据交互类)【标题即题目链接,点击查看具体要求】
133 0
|
前端开发 算法
蓝桥杯 —— Web前端(页面布局类【Flex 布局】)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(页面布局类【Flex 布局】)【标题即题目链接,点击查看具体要求】
175 0
|
JSON 小程序 前端开发
零基础学小程序 —— 页面配置和网络数据请求(五)(完结)
零基础学小程序 —— 页面配置和网络数据请求(五)(完结)
160 0
零基础学小程序 —— 页面配置和网络数据请求(五)(完结)
|
算法 JavaScript Java
一行代码让你CSDN主页变为高大上
一行代码让你CSDN主页变为高大上
108 0
一行代码让你CSDN主页变为高大上