读书人

施用js简单实现登录功能

发布时间: 2012-10-16 09:57:37 作者: rapoo

使用js简单实现登录功能

js验证用户身份,登录成功之后等待一定秒数,跳转到操作页面。使用window函数。代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>ok.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->    <script type="text/javascript">        function tiao() {          clearInterval(mytime);          window.open("manage.html","_self");        }                setTimeout("tiao()",5000);                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">5</span>秒后自动跳转到管理页面  </body></html>

关键在几个函数的使用,setTimeout("tiao()",5000);函数是打开页面,等待5秒,调用tiao()函数。setInterval("changeSec()",1000);函数是每隔1秒调用一次changeSec()函数。这样就完成了简单的登录功能。

读书人网 >JavaScript

热点推荐