动象论坛

 找回密码
 立即注册!

QQ登录

只需一步,快速开始

查看: 92 | 回复: 2

【转】"网站已安全运行*天*时*分*秒"代码

[复制链接]
666

84

主题

776

帖子

1479

积分

清正廉明~管理员

用心做好论坛,用心创造精品!

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

积分
1479

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

发表于 2020-10-5 10:37:54 | 显示全部楼层 |阅读模式
感谢sharebe's lab,他们提供了本文的代码
代码如下
1. 不可变色
  1. 本站已安全运行:
  2. <span id="momk"></span>
  3. <script language=javascript>
  4. function show_date_time(){
  5. window.setTimeout("show_date_time()", 1000);
  6. BirthDay=new Date("08-08-2020 11:11:11");//建站日期
  7. today=new Date();
  8. timeold=(today.getTime()-BirthDay.getTime());
  9. sectimeold=timeold/1000
  10. secondsold=Math.floor(sectimeold);
  11. msPerDay=24*60*60*1000
  12. e_daysold=timeold/msPerDay
  13. daysold=Math.floor(e_daysold);
  14. e_hrsold=(daysold-e_daysold)*-24;
  15. hrsold=Math.floor(e_hrsold);
  16. e_minsold=(hrsold-e_hrsold)*-60;
  17. minsold=Math.floor((hrsold-e_hrsold)*-60);
  18. seconds=Math.floor((minsold-e_minsold)*-60);
  19. momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
  20. }
  21. show_date_time();
  22. </script>
  23. <style>
  24. #momk{animation:change 10s infinite;font-weight:800; }
  25. @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
  26. </style>
复制代码
2. 可变色
  1. <span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
  2. <script type="text/javascript">
  3. function NewDate(str) {
  4. str = str.split('-');
  5. var date = new Date();
  6. date.setUTCFullYear(str[0], str[1] - 1, str[2]);
  7. date.setUTCHours(0, 0, 0, 0);
  8. return date;
  9. }
  10. function momxc() {
  11. var birthDay =NewDate("2020-8-8");
  12. var today=new Date();
  13. var timeold=today.getTime()-birthDay.getTime();
  14. var sectimeold=timeold/1000
  15. var secondsold=Math.floor(sectimeold);
  16. var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
  17. var daysold=Math.floor(e_daysold);
  18. var e_hrsold=(daysold-e_daysold)*-24;
  19. var hrsold=Math.floor(e_hrsold);
  20. var e_minsold=(hrsold-e_hrsold)*-60;
  21. var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
  22. document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
  23. setTimeout(momxc, 1000);
  24. }momxc();
  25. </script>  <style>
  26. #momk{animation:change 10s infinite;font-weight:800; }
  27. @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
  28. </style>
复制代码


效果图
动象论坛
点滴纯粹 简单自然
动象论坛,用心做好论坛!用心创造精品!
[点我进入]www.mjysd.top

148

主题

822

帖子

6983

积分

清正廉明~版主

虽然不怎么在线,但管理还是有一套

Rank: 16Rank: 16Rank: 16Rank: 16

积分
6983

最佳新人活跃会员灌水之王

QQ
发表于 2021-2-3 19:56:49 | 显示全部楼层
@keyframes可以多加几种颜色
使用我的脚本的先安装ybc模块!cmd输入以下内容即可安装:
Python安装位置 -m pip install ybc-speech

想支持我吗?快来!
官方论坛
动象论坛(本坛)
回复

使用道具 举报

148

主题

822

帖子

6983

积分

清正廉明~版主

虽然不怎么在线,但管理还是有一套

Rank: 16Rank: 16Rank: 16Rank: 16

积分
6983

最佳新人活跃会员灌水之王

QQ
发表于 2021-2-3 20:36:02 | 显示全部楼层
可变色的,两个span,id同时monk,不会重叠两个时间吗?
使用我的脚本的先安装ybc模块!cmd输入以下内容即可安装:
Python安装位置 -m pip install ybc-speech

想支持我吗?快来!
官方论坛
动象论坛(本坛)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册!

本版积分规则

 QQ 手机版小黑屋网站地图

GMT+8, 2021-10-20 02:20 Processed in 0.185698 second(s), 25 queries , Gzip On.

CopyRight © 2020-2021 DongXiang BBS. All Rights Reserved.

ICP备案号:黑ICP备17009202号-4

Sectigo签章 MySSL签章

快速回复 返回顶部 返回列表