>웹 프론트엔드 >JS 튜토리얼 >간단한 로그인 function_javascript 기술을 구현하는 js 예제 코드

간단한 로그인 function_javascript 기술을 구현하는 js 예제 코드

WBOY
WBOY원래의
2016-05-16 17:16:301564검색

复主代码 代码如下:



 
    Login.html

   
   
   

   
   
 

 
   

      u:

      p:

     
   

 





这是登录页면, 只有当用户name为lala, 密码为123时登录成功。지금 onclick事件处使用 return, 是在用户name and 密码输入不符时,阻止页면跳转。登录成功页면中,含有等待秒数,代码为:


复aze代码



代码如下:

      ok.html
   
   
   

   
   
 

 
    登录成功,5秒后自动跳转到管理页面
 





关键에서 几个函数적 사용,setTimeout("tiao()",5000);函数是打开页면,等待5秒,调用tiao()函数。setInterval("changeSec()",1000) ;函数是每隔1秒调用一次changeSec()函数。这样就完成了简单的登录功能。
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.