网站维护页面Plus HTML源码 可配置维护时段 倒计时结束自动跳转完成页

网站维护页面Plus HTML源码 可配置维护时段 倒计时结束自动跳转完成页

项目介绍:网站维护页面Plus HTML源码 可配置维护时段 倒计时结束自动跳转完成页

这是一款轻量的网站维护页模板,基于纯 HTML + JavaScript 实现。通过配置维护的开始与结束时间,页面会自动显示维护倒计时,并在到点后跳转至“维护完成”页面。静态部署即可使用,适合博客、企业站、CMS 等站点在升级维护期间展示公告与时间进度。

  • 时间可配:仅需修改配置对象中的开始/结束时间,支持 24 小时制(示例:2025.05.31 00:00)。

  • 自动跳转:倒计时结束后自动进入完成页;再次访问也不会重置倒计时,直接进入完成页(通过本地存储标记)。

  • 即开即用:纯前端静态页,无需服务器脚本或数据库,上传到任意静态空间即可生效。

  • 可定制:支持自定义品牌文案、背景图/色、按钮与图标,便于与站点风格统一。

  • SEO友好:可配置标题/关键词/描述,保留站点基本信息,减少维护期权重损失。

快速配置(在页面脚本中修改):

const config = {
  maintenanceStartTime: "2025.06.05 03:23", // 维护开始时间
  maintenanceEndTime:   "2025.06.06 03:25"  // 维护结束时间
};

设置好时间后上传到服务器(或静态存储),访问页面即可看到倒计时,结束后自动跳转到维护完成页。

图片演示:

3.png1.png