在網頁開發中,經常需要設置頁面自動跳轉功能,這時我們可以使用HTML5與JavaScript來實現。下面是一個簡單的HTML5和JavaScript的自動跳轉代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5自動跳轉</title> </head> <body> <script type="text/javascript"> function redirect(){ var url = "http://www.example.com"; window.location = url; } setTimeout(redirect, 5000); //5秒后跳轉 </script> <p>5秒后將自動跳轉頁面...</p> </body> </html>
代碼解析:
在HTML文件中,我們通過設置函數 redirect 來實現頁面自動跳轉。其中,var url = "http://www.example.com"; 設置了目標跳轉地址為 http://www.example.com。
代碼的核心是:setTimeout() 方法。它的作用是延遲一定的時間后,執行指定函數。在代碼中,我們將 redirect 函數與5000毫秒(即5秒)關聯。
最后,我們在 HTML 的
標簽內使用標簽來提示用戶頁面將在5秒后自動跳轉,以增強用戶體驗。
上一篇js獲取css偽元素