动象论坛

 找回密码
 立即注册

搜索
查看: 56 | 回复: 2

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

[复制链接]
  • TA的每日心情
    开心
    2021-4-11 23:04
  • 135

    主题

    1023

    帖子

    2767

    积分

    清正廉明~管理员

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

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

    积分
    2767

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

    发表于 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>
    复制代码


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

    该用户从未签到

    174

    主题

    1025

    帖子

    2220

    积分

    清正廉明~版主

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

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

    积分
    2220

    论坛官方最佳新人活跃会员灌水之王

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

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

    使用道具 举报

    该用户从未签到

    174

    主题

    1025

    帖子

    2220

    积分

    清正廉明~版主

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

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

    积分
    2220

    论坛官方最佳新人活跃会员灌水之王

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

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

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2021-5-10 16:13 Processed in 0.173476 second(s), 26 queries .

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

    ICP备案号:粤ICP备17035028号-1

    MySSL 安全签章

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