jQuery - 인증 코드 카운트다운의 실현

2493 단어
확인 코드를 보내려면 누르면 보통 카운트다운 기능이 필요합니다. HTML은 다음과 같습니다.
1 
2 3 4 5

JS는 다음과 같습니다.
 1 $(".captcha").click(function () {
 2     $(".captcha").hide()
 3     $(".num").show()
 4     var second = 30
 5     $(".num").text((second) + " ")
 6     var interval = setInterval(function () {
 7         second--
 8         $(".num").text((second) + " ")
 9         if (second === -1) {
10             $(".captcha").text(" ")
11             clearInterval(interval)
12             $(".num").hide()
13             $(".captcha").show()
14         }
15     }, 1000)
16 })

요점은 다음과 같습니다.
1.captcha와num을 사용하여 각각 디스플레이 숨기기를 전환합니다. captcha가 다시 눌려서 클릭 이벤트를 다시 촉발하여 카운트다운 혼란을 방지하기 위해서입니다.
2. second=-1 시 타이머 (clearInterval) 를 지우고 captcha 내용을 인증 코드로 다시 보냅니다.

좋은 웹페이지 즐겨찾기