小程序怎样实现点击倒计时

这篇文章主要介绍小程序怎样实现点击倒计时,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联服务项目包括武胜网站建设、武胜网站制作、武胜网页制作以及武胜网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,武胜网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到武胜省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

小程序实现点击倒计时的代码

var interval = null //倒计时函数
Page({
  data: {
    date:'请选择日期',
    fun_id:2,
    time: '获取验证码', //倒计时 
    currentTime:61
  }, 
  getCode: function (options){
    var that = this;
    var currentTime = that.data.currentTime
    interval = setInterval(function () {
      currentTime--;
      that.setData({
        time: currentTime+'秒'
      })
      if (currentTime <= 0) {
        clearInterval(interval)
        that.setData({
          time: '重新发送',
          currentTime:61,
          disabled: false   
        })
      }
    }, 100)  
  },
  getVerificationCode(){
    this.getCode();
    var that = this
    that.setData({
      disabled:true
    })
  },

})

{{time}}

以上是“小程序怎样实现点击倒计时”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


名称栏目:小程序怎样实现点击倒计时
文章起源:http://bzwzjz.com/article/ggiihc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站制作 成都网站建设推广 四川成都网站制作 温江网站设计 成都网站制作 网站建设费用 成都网站建设 企业网站设计 成都网站建设 重庆网站建设 成都网站建设 响应式网站设计方案 成都商城网站制作 营销型网站建设 企业网站设计 营销型网站建设 成都品牌网站建设 成都网站建设 高端网站设计推广 成都网站制作 品牌网站建设 网站制作