登陸成功后自動計算秒數(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)文章
關(guān)于js獲取radio和select的屬性并控制的代碼
對于聯(lián)動菜單大家都不會陌生了，但是這還是我第一次寫聯(lián)動的了。原理很簡單，但是自己寫起來就感覺還是有點難度的了2011-05-05
剛才一個朋友告訴我他的blog友情鏈接太多了，所以把所有鏈接放到一個DIV中，加了個滾動條，可是他又不想每次別人來看，看到的都是前面幾個鏈接，于是問我有沒有什么辦法，想了一個，呵呵，正好有個辦法2008-11-11
微信小程序如何實現(xiàn)商品列表跳轉(zhuǎn)商品詳情頁功能
最近在學(xué)微信小程序開發(fā)的時候,碰上了一個問題,所以想著總結(jié)下,這篇文章主要給大家介紹了關(guān)于微信小程序如何實現(xiàn)商品列表跳轉(zhuǎn)商品詳情頁功能的相關(guān)資料,需要的朋友可以參考下2022-04-04
搞數(shù)據(jù)展示,很多朋友都會用到免費的echarts,下面這篇文章主要給大家介紹了關(guān)于echarts控制x軸和y軸name位置并加軸箭頭的相關(guān)資料,需要的朋友可以參考下2024-01-01
JsRender for index循環(huán)索引用法詳解
這篇文章主要介紹了JsRender for index循環(huán)索引用法,以實例形式詳細(xì)分析了JsRender中循環(huán)的用法,需要的朋友可以參考下2014-10-10
uni-app是一個使用 Vue.js 開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘）等多個平臺,這篇文章主要給大家介紹了關(guān)于利用uni-app生成微信小程序的踩坑記錄,需要的朋友可以參考下2022-04-04
詳解javascript中對數(shù)據(jù)格式化的思考
本篇文章主要介紹了詳解javascript中對數(shù)據(jù)文本格式化的思考 ，具有一定的參考價值，有興趣的可以了解一下。2017-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序icon組件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
JS動態(tài)獲取當(dāng)前時間,并寫到特定的區(qū)域
JS動態(tài)獲取當(dāng)前時間,并寫到特定的區(qū)域，需要的朋友可以參考一下2013-05-05
JavaScript前端實現(xiàn)GIF圖片循環(huán)播放
使用 img 加載 GIF 圖片,內(nèi)容只會播放一次,之后就會自動暫停,所以這篇文章為大家介紹了如何使用JavaScript實現(xiàn)GIF圖片循環(huán)播放吧2025-03-03