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

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

WBOY
풀어 주다: 2016-05-16 17:16:30
원래의
1567명이 탐색했습니다.

复主代码 代码如下:



 
    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()函数。这样就完成了简单的登录功能。
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿