网站底部运行天数代码

1.在网站需要插入的地方放这串代码

  1. <!–运行时间–>
  2. <span id=”oldtime”></span>
  3. <!–运行时间–>

复制代码

2.在网站的其他地方插入js代码

  1. <link rel=”stylesheet” href=”路径/oldtime.css”>
  2. <script src=”路径/oldtime.js”></script>

复制代码

注意:运行时间开始下方看情况地方加,一般加在头部head

有时候需要添加

  1. <script>

复制代码

有时候不用

css代码(第二步中的css代码)有外链可不加

  1. #oldtime {
  2.     animation: change 10s infinite;
  3.     font-weight: 800;
  4. }
  5. @keyframes change {
  6.     0% { color: #5cb85c; }
  7.     25% { color: #556bd8; }
  8.     50% { color: #e40707; }
  9.     75% { color: #66e616; }
  10.     100% { color: #67bd31; }
  11. }

复制代码

js代码(第二步中的js代码)有外链可不加

  1. function NewDate(str) {    str = str.split(‘-‘);    var date = new Date();    date.setUTCFullYear(str[0], str[1] – 1, str[2]);    date.setUTCHours(0, 0, 0, 0);    return date;}function oldtime() {    var birthDay = NewDate(“2024-8-14”);    var today = new Date();    var timeold = today.getTime() – birthDay.getTime();        var msPerDay = 24 * 60 * 60 * 1000;    var daysold = Math.floor(timeold / msPerDay);    var hrsold = Math.floor((timeold % msPerDay) / (60 * 60 * 1000));    var minsold = Math.floor((timeold % (60 * 60 * 1000)) / (60 * 1000));    var seconds = Math.floor((timeold % (60 * 1000)) / 1000);    document.getElementById(“oldtime”).innerHTML =         “本站已安全运行 ” + daysold + ” 天 ” + hrsold + ” 小时 ” + minsold + ” 分 ” + seconds + ” 秒”;        setTimeout(oldtime, 1000);}// 确保 DOM 加载完成后执行document.addEventListener(‘DOMContentLoaded’, oldtime);

复制代码

图片[1]丨网站底部运行天数代码丨黑盾网络资源网-互联网分享平台丨源码交易丨源码下载丨技术教程丨架设教程丨端游源码丨页游源码丨手游源码…
------本页内容已结束,喜欢请分享------

感谢您的来访,本站QQ交流群:928156386

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    暂无评论内容