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

目录
相关文章
|
Web App开发 移动开发 小程序
扫普通链接二维码打开小程序的踩坑过程...
扫普通链接二维码打开小程序的踩坑过程...
3272 0
扫普通链接二维码打开小程序的踩坑过程...
|
8月前
|
网络协议 网络架构
你以为键入网址后只是等待吗?惊!原来网页显示背后隐藏着这些奇妙步骤(上)
当我们键入一个网址后,从键入网址到网页显示之间会发生许多复杂的步骤。这篇文章旨在详细解释这一过程,帮助读者深入了解HTTP、DNS和协议栈等相关知识。通过这篇文章,读者可以消除疑惑,也可巩固对网络通信的理解,从而更好地应用和利用互联网。
106 6
你以为键入网址后只是等待吗?惊!原来网页显示背后隐藏着这些奇妙步骤(上)
|
8月前
|
域名解析 缓存 网络协议
你以为键入网址后只是等待吗?惊!原来网页显示背后隐藏着这些奇妙步骤(中)
通过对TCP/IP协议的深入研究,我们可以更好地理解网络通信的整个过程,以及各个协议在其中的作用。这对于我们理解和解决网络通信中的问题非常重要。希望通过本文的学习,能够对TCP/IP协议有更深入的了解,并能够应用到实际的网络通信中。
你以为键入网址后只是等待吗?惊!原来网页显示背后隐藏着这些奇妙步骤(中)
|
8月前
|
缓存 网络协议 安全
你以为键入网址后只是等待吗?惊!原来网页显示背后隐藏着这些奇妙步骤(终章)
这篇文章简要介绍了计算机网络中交换机和路由器的工作原理,以及它们在网络通信和连接中的重要作用。交换机利用MAC地址表实现数据包的转发,而路由器则根据IP地址进行转发决策,将数据包从一个网络转发到另一个网络。通过交换机和路由器的协同工作,网络实现了高效的数据传输和通信。
|
8月前
|
移动开发 JavaScript C#
分享53戏源代码总有一个是你想要的(亲测每一个均可用)
分享53戏源代码总有一个是你想要的(亲测每一个均可用)
133 0
|
小程序 前端开发 JavaScript
小程序之吸星大法-搬部分页面为我用--【浅入深出系列004】
小程序之吸星大法-搬部分页面为我用--【浅入深出系列004】 这是我的CSDN 的文章 转过来,可能有些许错误。请留言
|
存储 Shell 开发工具
!!!如何解决使用hexo 博客上无法正常显示图片的问题【亲测可行,无脑简单,快捷省力】
!!!如何解决使用hexo 博客上无法正常显示图片的问题【亲测可行,无脑简单,快捷省力】
!!!如何解决使用hexo 博客上无法正常显示图片的问题【亲测可行,无脑简单,快捷省力】
|
前端开发
#yyds干货盘点# 前端歌谣的刷题之路-第七十三题- 点击按钮隐藏按钮
#yyds干货盘点# 前端歌谣的刷题之路-第七十三题- 点击按钮隐藏按钮
86 0
#yyds干货盘点# 前端歌谣的刷题之路-第七十三题- 点击按钮隐藏按钮
我用阿里云部署的个人网站并帮兄弟表白
兰州大学信息科学与工程学院的一位计算机技术专业研究生,乘阿里云专属云翼,在其上部署了个人博客和自主开发的文本标记系统,极大释放成本,提高了开发效率。
3500 0