> 웹 프론트엔드 > JS 튜토리얼 > JS가 무작위로 인증 코드를 생성하는 방법에 대한 예제 코드 공유

JS가 무작위로 인증 코드를 생성하는 방법에 대한 예제 코드 공유

黄舟
풀어 주다: 2017-06-01 09:14:47
원래의
2225명이 탐색했습니다.

이 글에서는 js무작위로 인증코드를 생성하는 구체적인 방법을 주로 소개합니다. 여기에는 일정한 참고값이 있습니다. 관심 있는 친구들은 참고하시면 됩니다.

제가 이전에 접한 인증코드는 모두 사진입니다. , 오늘 저는 js를 사용하여 무작위 인증 코드를 생성하는 데모를 발견했습니다. 시도해 보고 공유하겠습니다.

효과:

html 코드:

<p>验证码:</p>
 <p id="login" onclick="change()">
  <a href="#" rel="external nofollow" ></a>
 </p>
로그인 후 복사

는 클릭 이벤트를 p로 설정합니다. js 코드는 다음과 같습니다.

 function getCode(n) {
  var all = "azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789";
  var b = "";
  for (var i = 0; i < n; i++) {
   var index = Math.floor(Math.random() * 62);
   b += all.charAt(index);

  }
  return b;
 };

 function change() {
  document.getElementById("login").innerHTML = getCode(4);

 }
 window.onload = change;
로그인 후 복사

변수를 정의, 해당 값은 26자 및 0-9 10입니다. 숫자.

Math.random()을 사용하면 시스템이 0.0보다 크거나 같고 1.0보다 작은 의사 난수 double 값을 무작위로 선택할 수 있습니다. 예: Math.random()*62 얻은 값:

Math.floor은 이전 블로그에서 언급한 숫자를 반올림합니다.

charAt 메소드는 이전 블로그에서 언급한 대로 지정된 위치의 문자를 반환할 수 있습니다.

이미 매우 친숙한 내용이므로

리뷰라고 생각하시면 됩니다.

네 개의 임의의 숫자를 가져와서 p 태그에 연결하세요. 원하는 효과를 얻으실 수 있습니다.

위 내용은 JS가 무작위로 인증 코드를 생성하는 방법에 대한 예제 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿