简单实现注册成功后自动跳转功能

在网站中,常见到这样的功能:用户注册功能后,几秒内将自动从当前页面跳转到登录页面,下面,简单实现这一功能.

废话少说,先上效果图:





再上代码:

Html页面：

<div id="btn_area"><!-- 注册成功后,该部分将会被替换成跳转提示 -->
<input type="button" class="reg_btn" id="btn_reg" value="注 册">
<input type="reset" class="reg_btn" id="btn_reset" value="清 除">
</div>

Js代码：

var ms = 5;// 定义全局变量,几秒之后自动跳转

// 跳转函数

function returnLogin(){
if(ms>0){
document.getElementById("btn_area").innerHTML="<span id='loginTip' class='ok_txt2'>恭喜注册成功！ "+ms+" 秒后将自动跳转至登录界面...</span><a href='login.html'>直接跳转</a>";
}else{
window.location.href="login.html";
}
ms--;// 每调用一次减减

}

// 在接收后台注册成功的地方 使用setInterval函数

setInterval(returnLogin,1000);// 第二个参数单位毫秒,此处意思是每间隔1秒调用一次returnLogin方法

完成。