首页html十秒倒计时跳转

html十秒倒计时跳转

时间: 2023-07-22 07:14:00 浏览: 137

倒计时跳转.HTML

HTML文件，可实现访问倒计时跳转功能，静态资源。

您可以使用以下HTML代码实现一个十秒倒计时跳转的效果： ```html <!DOCTYPE html> <html> <head> <title>倒计时跳转</title> <script> function countdown() { var seconds = 10; var countdownElement = document.getElementById("countdown"); var countdownInterval = setInterval(function() { seconds--; countdownElement.innerHTML = seconds + " 秒后跳转..."; if (seconds <= 0) { clearInterval(countdownInterval); window.location.href = "https://www.example.com"; // 将此处替换为您要跳转的网址 } }, 1000); } </script> </head> <body onload="countdown()"> <h1>倒计时跳转示例</h1> <p>页面将在 <span id="countdown">10 秒后跳转...</span></p> </body> </html> ``` 这段代码会在页面加载后开始一个十秒的倒计时，并在倒计时结束后跳转到指定的网址。您可以将 `https://www.example.com` 替换为您想要跳转的网址。

阅读全文