微信小程序 倒计时功能

Posted 2023-03-18

参考技术A <view class="mygroupForm-yzm isClicked?'mygroupForm-active':''" bindtap="isClicked?'':'timeClcik'">ytext</view>

const util = require('../../utils/util.js');

timeClcik()

    let _this=this;

    if (!_this.data.isClicked) 

      wx.showToast(

      title: '验证码已发送',

      );

      //开始倒计时60秒

      setTimeout(()=>

        _this.setData(

          isClicked:true

        );

        util.settime(_this,60);

      ,1500)

     

  ,

function settime(_this,count)

  if (count == 0) 

    _this.setData(

      ytext: '获取验证码',

      isClicked:false

    )

    return;

  

  _this.setData(

    isClicked:true,

    ytext: count + '秒后重发',

  )

  setTimeout(function()

    count--;

    settime(_this, count);

  , 1000);



module.exports = 

  settime: settime