負評救星-當機等候網頁 html檔案 ``` <!DOCTYPE html> <html> <head> <title>待機網頁</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { background-color: #FFFFFF; font-family: Arial, sans-serif; text-align: center; } h1 { color: #666666; } #countdown { font-size: 48px; color: #666666; margin-top: 50px; } </style> </head> <body> <h1>伺服器出了點問題,請稍後再試。</h1> <img src="https://i.postimg.cc/z3ZyCpD1/2.png" alt="馬鈴薯1號" height="295" width="160" /> <img src="https://i.postimg.cc/kgyy5Rw5/3552745983-29ba256222.jpg" alt="我是圖片" /> <img src="https://i.postimg.cc/Px7pxTBJ/1.png" alt="馬鈴薯2號" height="295" width="160" /> <div id="countdown"></div> <script> // 設定待機時間(單位:秒) var count = 15; // 定義計時器 var countdown = setInterval(function() { count--; document.getElementById("countdown").innerHTML = count + " 秒後自動重新整理"; if (count === 0) { clearInterval(countdown); location.reload(); } }, 1000); </script> </body> </html> ``` 功能 1.更改背景顏色 文字設定 2.新增圖片 3.新增一個從15秒開始倒數的計數器
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up