标题
本站已稳定运行 X天 X 小时X分X秒完整代码
逍遥 - 12月23日 08:57
93℃ 0
内容
本站美化详情代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网站运行时长显示</title> <style> /* 可选：简单美化显示样式 */ .run-time { color: #007bff; font-weight: bold; text-decoration: none; } </style> </head> <body> <!-- 显示运行时长的容器 --> <a href="#" id="siteRuntime">本站已稳定运行 0 天 0 小时 0 分 0 秒</a> <script> // 核心功能：计算并实时更新网站运行时长 (function() { // ========== 关键配置：替换为你的网站上线时间 ========== // 格式：年, 月(0-11), 日, 时, 分, 秒 const launchDate = new Date(2018, 0, 1, 0, 0, 0); // 示例：2018年1月1日 0点0分0秒 // ===================================================== // 补零函数：确保分/秒等小于10时显示0开头（如05分，而非5分） function padZero(num) { return num < 10 ? '0' + num : num; } // 计算时间差并更新显示 function updateRuntime() { // 获取当前时间 const now = new Date(); // 计算时间差（毫秒） const diffMs = now - launchDate; // 转换为总秒数 const totalSeconds = Math.floor(diffMs / 1000); // 分解为天、时、分、秒 const days = Math.floor(totalSeconds / (24 * 60 * 60)); const hours = Math.floor((totalSeconds % (24 * 60 * 60)) / (60 * 60)); const minutes = Math.floor((totalSeconds % (60 * 60)) / 60); const seconds = Math.floor(totalSeconds % 60); // 更新DOM显示 const runtimeEl = document.getElementById('siteRuntime'); runtimeEl.textContent = `本站已稳定运行 ${days} 天 ${padZero(hours)} 小时 ${padZero(minutes)} 分 ${padZero(seconds)} 秒`; } // 初始化执行一次 updateRuntime(); // 每秒更新一次（1000毫秒） setInterval(updateRuntime, 1000); })(); </script> </body> </html>你可能想看：
- 最近发表
- 相关推荐
-
- 高频 HTML 代码片段和高频 CSS 代码片段
- 好消息！本站Nofollow全部删除，外链爬虫全是真实有效
- 本站使用的网站出售源码，简约不废话，一眼看懂
- 帝国CMS系统官方网站 － 稳定可靠、安全省心
- 易优CMS|企业建站系统_稳定_安全_易用-Eyoucms
- 网易VIP188邮箱登录注册-企业邮箱-个人收费邮箱-安全稳定
- 网易VIP163邮箱登录注册-企业邮箱-个人收费邮箱-安全稳定
- 青龙云_领先的云计算服务商_安全_高效_稳定
- 0疼痛，0难度，0伤害，21天稳定的躺着和减肥
- 稳定器拍摄视频技术与技巧分享
- 新媒体的7种实用写作技巧：快速稳定
- 上海夜场小时场招聘_上海高小费夜场招聘-上海浦京ktv招聘
- 修师傅电器快修附近上门清洗保养,拆机移机,安装调试,家电维修,家电清洗,家电安装服务平台-修师傅电器快修「 1小时极速上门」
- 四川成都防火玻璃工厂价格_两三小时防火夹胶玻璃_纳米高硼硅水晶防火玻璃门_甲乙级铯钾防火玻璃门_四川中防振兴玻璃科技有限公司
- 学习Pr视频编辑3小时