>웹 프론트엔드 >JS 튜토리얼 >Node.js에서 SMS 인증 코드 카운트다운 예시 공유 구현

Node.js에서 SMS 인증 코드 카운트다운 예시 공유 구현

小云云
小云云원래의
2018-03-10 16:03:191528검색


1. 대상이 인증 코드를 받은 후 버튼에 재전송 카운트다운이 표시되고, 카운트다운이 끝나면 버튼을 다시 사용할 수 있게 됩니다. 이 기사에서는 주로 js를 사용하여 SMS 확인 코드 카운트다운을 구현하는 예를 공유합니다.

2 사용된 두 가지 주요 API

는 매초 실행됩니다: setInterval

은 지정된 시간 후에 실행됩니다: setTimeout

3. 코드는 시간입니다. 세트 A 특정 총 시간, 간격은 초당 수행되는 작업이고, 타임아웃은 해당 시간이 지난 후 수행되는 작업입니다. 카운트다운이 끝난 후 매초마다 수행되는 작업을 취소하는 것을 잊지 마세요.

호출자는 매초마다 새로 고쳐질 콘텐츠만 전달하면 됩니다. 예를 들어,

<span style="font-size: 14px;">function createTimer(time,interval,timeout){<br/><br/>  let hasStartTime = 0//已经走了的时间<br/>  interval(hasStartTime)//立即执行一次<br/>  let _interval = setInterval(()=>{<br/>    hasStartTime = hasStartTime+1000<br/>    interval(hasStartTime)<br/>  }, 1000)<br/>  setTimeout(()=>{<br/>    clearInterval(_interval)<br/>    timeout()<br/>  }, time || 60000)<br/>}<br/></span>

관련 권장 사항:

js는 SMS 확인 코드 카운트다운 기능을 구현합니다.

Laravel에서 SMS 확인 코드 전송 기능을 개발하기 위한 "사양"(그림)

JS는 다음과 같은 경우 SMS 확인 코드 획득을 구현합니다. 사용자 등록 및 카운트다운 기능 샘플 코드 공유

위 내용은 Node.js에서 SMS 인증 코드 카운트다운 예시 공유 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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