小程序倒计时验证码发送

模板

        <view class="item-box">
            <text class='black-font input-name'>邮箱</text>
            <input type="text" placeholder="请输入员工邮箱">
            <view class='send-code' wx:if="{{timeIsShow}}">{{codeTime}}s</view>
            <view class='send-code'wx:else @tap='sendCode'>获取验证码</view>
        </view>

js

data={
        codeTime:60,
        timeIsShow:false
    };
timeInteval() {
        var that = this;
        var n = this.codeTime;
        var time=setInterval(function(){
            if(n>0){
                n=n-1;
                that.codeTime=n;
                
            }else{
                n = 60;
                clearInterval(time);
                that.timeIsShow=false;
                that.codeTime=n;
            }
            that.$apply();
        },1000);
        
    }，
sendCode(){
            this.timeIsShow=true;
            this.timeInteval();
        }