域名到期提醒(简单的 HTML 页面,用于提醒用户域名已经到期)

COS、CDN
<!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>         body {             font-family: Arial, sans-serif;             background-color: #f8f8f8;             color: #333;             text-align: center;             padding: 50px;         }         .container {             max-width: 600px;             margin: 0 auto;             background-color: #fff;             padding: 20px;             border-radius: 8px;             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);         }         h1 {             color: #ff4d4d;         }         p {             line-height: 1.6;         }         .button {             display: inline-block;             padding: 10px 20px;             margin-top: 20px;             background-color: #007bff;             color: #fff;             text-decoration: none;             border-radius: 5px;             transition: background-color 0.3s;         }         .button:hover {             background-color: #0056b3;         }     </style> </head> <body>     <div class="container">         <h1>域名已到期</h1>         <p>尊敬的用户,您的域名已于 <strong>2023年12月31日</strong> 到期。</p>         <p id="days-overdue"></p>         <p>为了继续使用我们的服务,请尽快进行续费。</p>         <a href="自定义链接跳转链接" class="button">立即续费</a>     </div>      <script>         document.addEventListener('DOMContentLoaded', function() {             const expirationDate = new Date('2023-12-31'); // 设置域名到期日期             const today = new Date();             const daysOverdue = Math.ceil((today - expirationDate) / (1000 * 60 * 60 * 24));              if (daysOverdue > 0) {                 document.getElementById('days-overdue').textContent = `您的域名已过期 ${daysOverdue} 天。`;             } else {                 document.getElementById('days-overdue').textContent = '您的域名尚未到期。';             }         });     </script> </body> </html>

效果演示

COS、CDN
热门