>  기사  >  웹 프론트엔드  >  JS는 SMS 확인 코드를 구현합니다.

JS는 SMS 확인 코드를 구현합니다.

巴扎黑
巴扎黑원래의
2017-08-11 10:16:432454검색

SMS 인증 코드 인터페이스를 구현하려면 먼저 옆에 버튼이 있는 텍스트 상자가 있어야 합니다. 클릭하면 카운트다운이 시작됩니다. 다음으로 이 글을 통해 간단한 SMS 인증 코드 인터페이스의 js 구현을 공유하겠습니다. 관심 있는 친구는 이를 참조할 수 있습니다.

1 SMS 인증 코드 인터페이스를 구현하려면 먼저 다음과 같은 텍스트 상자가 있어야 합니다. 옆에 있는 버튼을 클릭하면 카운트다운이 시작됩니다.

2. 먼저 텍스트 상자와 버튼을 만들고 버튼에 해당하는 ID를 설정한 다음 js의 ID를 통해 버튼 요소를 가져와서 작업을 수행합니다. 동시에, 보내기 버튼을 클릭한 후 카운트다운이 끝나기 전에 다시 보내기 버튼을 계속 클릭할 수 없도록 카운트다운 시간과 타이머 변수를 설정해야 합니다.

3. 카운트다운이 끝난 후 타이머를 지우고 텍스트를 "인증 코드 재전송"으로 변경하면 버튼의 기능이 복원됩니다. 동시에 클릭 후 카운트다운을 다시 시작하려면 5초부터 카운트다운을 다시 시작하세요.


rreee

위 내용은 JS는 SMS 확인 코드를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.