登陸成功后自動計算秒數(shù)執(zhí)行跳轉(zhuǎn)
更新時間:2014年01月23日 15:31:11 作者:
本文實現(xiàn)的是這樣的一個功能登陸成功后自動查秒跳轉(zhuǎn),具體示例如下,不了解的朋友可以學(xué)習(xí)下哦
login.html
<script language = "javascript" type = "text/javascript">
function $(id){
return document.getElementById(id);
}
function checkUser(){
if($("u1").value == "hello" && $("p1").value == "123"){
return true;
}else{
return false;
}
}
</script>
<form action = "ok.html">
<div style = "width:300px;height:200px;border:1px solid red;background-color:pink">
<p/>
U:<input id = "u1" type = "text" value = "" /> <br><br>
P:<input id = "p1" type = "text" value = "" /> <br><br>
<input type = "submit" onclick = "return checkUser()" value = "登陸" style = "margin-left:20px"/>
</div>
</form>
ok.html
<script language = "javascript" type = "text/javascript">
setTimeout("javascript:clearInterval(mytime);window.open('manage.html')",5000);
function changeSec(){
document.getElementById("myspan").innerText =
parseInt(document.getElementById("myspan").innerText) - 1;
}
var mytime = setInterval("changeSec()",1000);
</script>
登陸成功 <span id = "myspan">5</span> 秒鐘后自動跳轉(zhuǎn)...
manage.html
welcome
復(fù)制代碼 代碼如下:
<script language = "javascript" type = "text/javascript">
function $(id){
return document.getElementById(id);
}
function checkUser(){
if($("u1").value == "hello" && $("p1").value == "123"){
return true;
}else{
return false;
}
}
</script>
<form action = "ok.html">
<div style = "width:300px;height:200px;border:1px solid red;background-color:pink">
<p/>
U:<input id = "u1" type = "text" value = "" /> <br><br>
P:<input id = "p1" type = "text" value = "" /> <br><br>
<input type = "submit" onclick = "return checkUser()" value = "登陸" style = "margin-left:20px"/>
</div>
</form>
ok.html
復(fù)制代碼 代碼如下:
<script language = "javascript" type = "text/javascript">
setTimeout("javascript:clearInterval(mytime);window.open('manage.html')",5000);
function changeSec(){
document.getElementById("myspan").innerText =
parseInt(document.getElementById("myspan").innerText) - 1;
}
var mytime = setInterval("changeSec()",1000);
</script>
登陸成功 <span id = "myspan">5</span> 秒鐘后自動跳轉(zhuǎn)...
manage.html
復(fù)制代碼 代碼如下:
welcome

相關(guān)文章
一文教你徹底學(xué)會JavaScript手寫防抖節(jié)流
其實防抖和節(jié)流不僅僅在面試中會讓大家手寫,在實際項目中也可以起到性能優(yōu)化的作用,所以還是很有必要掌握的。本文就帶大家徹底學(xué)會JavaScript手寫防抖節(jié)流,需要的可以參考一下2022-11-11JS判斷是否為數(shù)字,是否為整數(shù),是否為浮點數(shù)的代碼
2010-04-04不依賴Flash和任何JS庫實現(xiàn)文本復(fù)制與剪切附源碼下載
本篇文章給大家分享的文本復(fù)制與剪切板功能,實現(xiàn)此功能不依賴falsh插件和任何js庫實現(xiàn)的,感興趣的朋友一起看看吧2015-10-10