위 챗 애플 릿 이 인증 코드 를 실현 하여 카운트다운 효 과 를 얻 습 니 다.

본 논문 의 사례 는 위 챗 애플 릿 이 인증 코드 카운트다운 효 과 를 얻 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.

wxml

<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">
{{time}}
</button>
js

var interval = null //     
Page({
 data: {
 date:'     ',
 fun_id:2,
 time: '     ', //    
 currentTime:61
 }, 
 getCode: function (options){
 var that = this;
 var currentTime = that.data.currentTime
 interval = setInterval(function () {
 currentTime--;
 that.setData({
 time: currentTime+' '
 })
 if (currentTime <= 0) {
 clearInterval(interval)
 that.setData({
  time: '    ',
  currentTime:61,
  disabled: false 
 })
 }
 }, 100) 
 },
 getVerificationCode(){
 this.getCode();
 var that = this
 that.setData({
 disabled:true
 })
 },

})
카운트다운 에 관 한 더 많은 글 은 주 제 를 보십시오《카운트다운 기능》.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기