网站维护更新倒计时单页HTML源码

image.png

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>维护升级中</title>
<style>*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Roboto}body{min-height:100vh;background:linear-gradient(135deg,#1f1c2f,#292544);display:flex;align-items:center;justify-content:center;padding:20px;color:#fff}.box{max-width:700px;width:100%;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:60px 40px;text-align:center}.title{font-size:32px;background:linear-gradient(90deg,#c09fff,#ff9dd8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;margin-bottom:20px}.desc{font-size:16px;color:#ccc;line-height:1.8;margin-bottom:40px}.time{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.item{width:70px;height:70px;background:rgba(255,255,255,.08);border-radius:12px;display:grid;place-items:center}.num{font-size:24px}.btn{padding:15px 40px;border-radius:50px;background:linear-gradient(90deg,#a88cff,#ff8acf);color:#fff;text-decoration:none;font-weight:600}.footer{margin-top:30px;font-size:13px;color:#999}
</style>
</head>
<body>
<div class="box">
<h1 class="title">网站正在维护升级</h1>
<p class="desc">为提升服务质量与用户体验，我们正在进行系统优化。维护期间暂停访问，所有数据安全可靠。感谢您的理解与耐心等待。</p>
<div class="time">
<div class="item"><div class="num" id="td">00</div><div>天</div></div>
<div class="item"><div class="num" id="th">00</div><div>时</div></div>
<div class="item"><div class="num" id="tm">00</div><div>分</div></div>
<div class="item"><div class="num" id="ts">00</div><div>秒</div></div>
</div>
<a href="https://www.jetmast.com" class="btn">返回首页</a>
<div class="footer">© 2026 墨桅博客 版权所有</div>
</div>
<script>
// 墨桅博客 https://www.jetmast.com
const t=new Date;t.setHours(t.getHours()+12);function o(){const e=new Date,n=t-e;if(n<=0)return;const i=Math.floor(n/864e5),r=Math.floor(n%864e5/36e5),u=Math.floor(n%36e5/6e4),a=Math.floor(n%6e4/1e3);document.getElementById("td").innerText=String(i).padStart(2,"0"),document.getElementById("th").innerText=String(r).padStart(2,"0"),document.getElementById("tm").innerText=String(u).padStart(2,"0"),document.getElementById("ts").innerText=String(a).padStart(2,"0")}setInterval(o,1e3),o();
</script>
</body>
</html>