微信小程序 倒计时功能

微信小程序 倒计时功能,第1张

<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

}

在微信小程序里,使察桥正用JavaScript的setTimeout()函数可以实现将一个字自动d出的功能。该函数消返可败悔以定时在指定的时间间隔内调用函数或代码,从而实现字自动d出的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12447276.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存