WeChat 애플릿은 인증 코드 획득 카운트다운 효과를 구현합니다.

이 글은 주로 인증 코드를 얻기 위한 WeChat 애플릿의 카운트다운 효과를 소개합니다. 관심 있는 친구들이 이를 참고할 수 있습니다.

이 글의 예는 인증 코드를 얻기 위한 WeChat 애플릿의 구현을 여러분과 공유하는 것입니다. 카운트다운 효과의 구체적인 코드는 참고용입니다. 구체적인 내용은 다음과 같습니다

wxml

<button disabled=&#39;{{disabled}}&#39; 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: &#39;重新发送&#39;,
   currentTime:61,
   disabled: false 
  })
  }
 }, 100) 
 },
 getVerificationCode(){
 this.getCode();
 var that = this
 that.setData({
  disabled:true
 })
 },

})

위 내용은 전체 내용입니다. 이 글이 모든 분들의 학습에 도움이 되기를 바랍니다. 도움말, 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목해 주세요!

관련 추천:

WeChat 애플릿은 카메라의 자동 사진 촬영 기능을 호출하기 위해 카운트다운을 구현합니다.

WeChat 애플릿의 선택기(시간, 날짜, 지역) 분석 정보

WeChat 애플릿 동적 디스플레이 아이템 카운트다운 효과

위 내용은 WeChat 애플릿은 인증 코드 획득 카운트다운 효과를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!