js实现5秒后自动跳转到管理界面

来源:互联网 发布:声纹识别软件 编辑:程序博客网 时间:2024/06/02 10:24
 相信许多用户都遇到过这种情况,我们登录一个网站时:当用户的用户名和密码合法后,会进入一个remind.html页面,提示用户登录成功,并有一句话提示用户在5秒后登录管理界面等类似的情况。

其部分核心代码如下:

  remind.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
恭喜您,登陆成功!<br/>
<span id="myspan"></span>秒后跳转到管理界面
</body>
<script type="text/javascript" language="javascript">
    var i=5;
    //获取myspan
    var myspan=document.getElementById("myspan"); 
    function abc(){
     myspan.innerText=i;
        if(--i==0){
            window.clearInterval(mytime);
            window.location.href="empManage.php"; //empManage.php为管理用户页面
            
            }
     
        }
    //启用一个定时器
    var mytime=window.setInterval("abc()",1000);
</script>
</html>

原创粉丝点击