做一下注册和登陆跳转界面

最新推荐文章于 2024-08-19 23:50:19 发布

Mike_XYF

最新推荐文章于 2024-08-19 23:50:19 发布

阅读量4.9k

点赞数

文章标签：界面

本文链接：https://blog.csdn.net/Mike_XYF/article/details/72084689

版权

接下来做一下注册和登陆等待界面

<body>
<form method="post" action="register.php">
账户：
<input type="text" name="username"><br/><br/>
密码：
<input type="password" name="password"><br/><br/>
请确认密码：
<input type="password" name="password2">
<input type="submit" value="注册" name="sub">
</form>
</body>
</html>

登陆

<script type="text/javascript">
        function skip() {
          clearInterval(mytime);
          window.open("manage.html","_self");
        }

setTimeout("skip()",3000);

        function changeSec() {
           //得到myspan值
           $('myspan').innerText=$('myspan').innerText-1;
        }

         function $(id) {
        return document.getElementById(id);
      }
        var mytime = setInterval("changeSec()",1000);
    </script>
</head>

<body>
登录成功，<span id="myspan">3</span>秒后自动跳转到管理页面
</body>
</html>

关键在几个函数的使用，setTimeout("tiao()",3000);函数是打开页面，等待3秒，调用tiao()函数。setInterval("changeSec()",1000);函数是每隔1秒调用一次changeSec()函数。

呈现效果：

登陆跳转