首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

施用js简单实现登录功能

2012-10-16 
使用js简单实现登录功能js验证用户身份,登录成功之后等待一定秒数,跳转到操作页面。使用window函数。代码如

使用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()函数。这样就完成了简单的登录功能。

热点排行