js 를 사용 하여 로그 인 기능 을 간단하게 실현 합 니 다.

js 사용자 인증,로그 인 성공 후 일정 초 를 기다 리 고 작업 페이지 로 이동 합 니 다.window 함 수 를 사용 합 니 다.코드 는 다음 과 같 습 니 다:


  
    Login.html
	
    
    
    
    
    
    
      function checkuser() {
         if($('uname' == "lala") && $('pwd') == "123") {
           return true;
         }else {
            return false;
         }
      }
      
      function $(id) {
        return document.getElementById(id).value;
      }
     
  
  
  
    
u:
p:

로그 인 페이지 입 니 다.사용자 이름 이 lala 이 고 비밀번호 가 123 일 때 만 로그 인 에 성 공 했 습 니 다.onclick 이벤트 에서 return 을 사용 하 는 것 은 사용자 이름과 비밀번호 입력 이 일치 하지 않 을 때 페이지 이동 을 막 는 것 입 니 다.로그 인 성공 페이지 에 대기 초 수가 포함 되 어 있 습 니 다.코드 는:


  
    ok.html
	
    
    
    
    
    
    
        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);
    5           
  


관건 은 몇 가지 함수 의 사용,setTimeout("tiao()",5000)이다.함 수 는 페이지 를 열 고 5 초 를 기다 리 며 tiao()함 수 를 호출 합 니 다.setInterval("changeSec()",1000);함 수 는 1 초 에 한 번 씩 changeSec()함 수 를 호출 합 니 다.이렇게 하면 간단 한 로그 인 기능 을 완성 할 수 있다.

좋은 웹페이지 즐겨찾기