當使用者輸入 pwd 密碼是 123 就跳到第二個頁面，4秒後，自動跳轉到第三個頁面
login.html
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><script type="text/javascript"> //進行檢查 function check(){ //window.alert($("username").value); if($("username").value=="pwd" && $("pwd").value=="123"){ return true; }else{ $("username").value=""; $("pwd").value=""; return false; } } //擷取文檔對象 function $(id){ return document.getElementById(id); }</script></head><body><form action="ok.html">u:<input type="text" id="username" /><br/>p:<input type="password" id="pwd" /><br/><input type="submit" value="提交" onclick="return check()"/></form></body></html>
ok.html
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><script type="text/javascript"> //跳轉到指定頁面 function tiao(){ clearInterval(myInterval); window.open("success.html","_self"); } //設定5秒跳轉 setTimeout("tiao()",5000); //改變秒數 function changeSec(){ //改變數字 $("myspan").innerText=parseInt($("myspan").innerText)-1; } var myInterval=setInterval("changeSec()",1000); //擷取對象 function $(id){ return document.getElementById(id); }</script></head><body>登入成功<span id="myspan">5</span>秒後自動跳轉</body></html>
success.html
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><script type="text/javascript"> </script></head><body>歡迎.......</body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
