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

目录
相关文章
|
缓存 开发者 CDN
CDN访问异常篇之重定向的次数过多
用户配置了阿里云CDN或者全站加速后,使用浏览器进行访问,出现重定向的次数过多的错误。
14514 0
CDN访问异常篇之重定向的次数过多
|
存储 缓存 前端开发
WordPress缓存插件WP Fastest Cache插件使用教程
WordPress缓存插件WP Fastest Cache插件使用教程
1617 0
|
开发工具
【云手机】(systemctl)解决:System has not been booted with systemd as init system (PID 1). Can't ope...
【云手机】(systemctl)解决:System has not been booted with systemd as init system (PID 1). Can't ope...
3581 0
Discuz! X3.5 搜索页面版权修改
Discuz! X3.5 搜索页面版权修改
332 1
|
9月前
|
安全 应用服务中间件 网络安全
从零(服务器、域名购买)开始搭建雷池WAF到应用上线简明指南
本文详细介绍了基于雷池WAF的网站防护部署全流程,涵盖服务器与域名准备、WAF安装配置、网站接入设置及静态文件站点搭建等内容。通过最低1核CPU/1GB内存的服务器配置,完成Docker环境搭建、雷池一键安装及端口设置,实现域名解析、SSL证书配置和防护策略优化。同时支持301重定向与HTTP到HTTPS自动跳转,确保访问安全与规范。最后还提供了使用静态文件搭建网站的方法,帮助用户快速构建具备基础WAF防护能力的网站系统。
从零(服务器、域名购买)开始搭建雷池WAF到应用上线简明指南
|
11月前
|
搜索推荐 API SEO
WordPress上 好用的自动别名插件
这款插件支持为文章、页面、标签、分类等设置个性化别名,提升网站在搜索引擎中的排名。主要功能包括:自动别名生成(随机字符串、拼音、英文翻译三种规则),兼容自定义内容类型,可重新生成别名确保一致性。通过简单配置,用户能轻松优化URL结构,提高SEO效果。产品截图展示了设置界面及不同别名类型的使用场景。
244 0
CoreDownload - WordPress文章下载增强插件v1.0.6
CoreDownload 是一款高级WordPress 下载增强插件,支持几乎所有网盘,为WordPress增加任意下载功能,目前免费提供使用。 安装插件后,在设置中全局开启。然后编辑文章,可以在下面找到CoreDownload下载增强功能。
203 0
CoreDownload - WordPress文章下载增强插件v1.0.6
|
人工智能 自然语言处理 机器人
销售利器大集结:13种智能销售工具全面解析
该文探讨了人工智能在销售领域的应用,测试了13款领先工具,如Zoho CRM、Email Subject Line Generator和ChatGPT Plus等,这些工具通过数据分析、自动化任务和智能交互提升销售效率。然而,使用AI也带来人机交互和数据安全的挑战。文章强调,结合人工智能和人类销售人员的优势是关键,同时应谨慎处理相关问题。
1015 4
|
存储 安全 数据库连接
搭建个人云存储解决方案:从零到一
【5月更文挑战第18天】本文指导读者搭建个人云存储解决方案,从选择Nextcloud等开源软件到准备服务器和存储设备,再到安装配置、上传管理文件,强调安全性及扩展性。通过本文,读者可掌握搭建个人云存储的步骤,确保数据安全并享受便捷访问。
1621 3
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
2314 0