小程序手机登陆 定时器 清除定时器

<form class="" bindsubmit="getData">
    <view >
        <input class="" name="iphone"  type="text" placeholder="手机号"></input>
    </view>
    <view >
        <input class="" name="code"  type="text" placeholder="验证码" ></input>
        <input class="" name="time"  type="buttom" value="{{time}}s"></input>
    </view >
    <view >
        <button bind:tap="sendFun" type="primary">发送消息</button>
    </view >
    <view >
        <button form-type="submit">验证用户</button>
    </view >
</form>



// pages/form/form.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    timer: null,
    time:3
  },

  onLoad: function (options) {

  },

  sendFun(e){
    
    let time = this.data.time;
    this.data.timer = setInterval(() => {
      time--;
      if(time == 0) clearInterval(this.data.timer);//如果等于0 不继续减
      this.setData({
        time
      })
    }, 1000);//一秒减一次
    
  },

  getData(e){
    console.log(e);//获取的data值
  },

})
 
  

 

bindsubmit 获取的表单数据
 
  
form-type="submit" button的标签 必须有才可提交
 

转载于:https://www.cnblogs.com/xm666/p/11354480.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值