首页.请设计一个网页，标题为：我的个人网站；编码方式：utf-8；3 秒后自动转到新浪网站，并且在页面上显示文字“3 秒后将转到新浪网站……”。

.请设计一个网页，标题为：我的个人网站；编码方式：utf-8；3 秒后自动转到新浪网站，并且在页面上显示文字“3 秒后将转到新浪网站……”。

时间: 2024-10-16 15:04:47 浏览: 23

设计一个简单的HTML页面结构，可以满足您的需求： ```html <!DOCTYPE html> <html lang="zh" charset="UTF-8"> <head> <meta charset="utf-8"> <title>我的个人网站</title> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; font-family: Arial, sans-serif; background-color: #f5f5f5; } p { margin-top: 20px; color: #333; } @keyframes countdown { from {color: black;} to {color: red;} } </style> <script> function redirect() { setTimeout(function() { window.location.href = "https://www.sina.com.cn"; }, 3000); } document.addEventListener("DOMContentLoaded", redirect); </script> </head> <body> <p id="countdownText">3秒后将转到新浪网站...</p> <div id="countdown" style="display:none; animation: countdown 3s linear;"></div> </body> </html> ``` 这个页面包含了标题、一个倒计时提示和一个跳转功能。当页面加载完成后，`redirect`函数会在3秒后自动执行，通过JavaScript的`setTimeout`设置延时并跳转到新浪网站。同时，还使用CSS和动画效果，在倒计时过程中改变文字颜色，营造出动态的感觉。

阅读全文