微信验证码效果

<view class="item">
        <input type="number" value=‘{{phone}}‘ bindinput="bindKeyInput" data-filed="phone"  placeholder="手机号" name="phone" />
        <i class="iconfont icon-denglu"></i>
      </view>
      <view class="item code">
        <view class=‘pwd‘>
          <input type="number" placeholder="验证码" name="code" placeholder-class="placeholderClass" />
          <i class="iconfont icon-APPicon-"></i>
        </view>
        <view class=‘send {{!isclick?"active":""}}‘ bindtap=‘sendTo‘>{{!isclick?value+‘秒后可以重新获取‘:‘发送‘}}</view>
      </view>
</view>

Page({
  data: {
    isclick:true,
    value:60,
    phone:"",
  },
  //事件处理函数
  bindKeyInput(e)
  {
    this.data.phone=e.detail.value;
  },
  sendTo(){
    var that=this;
    let timer=setInterval(function(){
      if(that.data.value>0)
      {
        var time=that.data.value-1;
        that.setData({
          value:time,
          isclick:false
        })
      }
      else{
        clearInterval(timer);
        that.setData({
          value:60,
          isclick:true
        })
      }
    },1000)
  }
})