金狮贵宾会

登录
免费开通

小程序实现倒计时功效的实现方式

小程序实现倒计时功效的实现方式

  倒计时功效是一个较量常见的功效,,,好比用户获取验证码就需要用到。。。。。。这里纪录一下在微信小程序内里倒计时功效的简质朴现

  直接看看代码吧

  //倒计时60秒

  function countDown(that,count) {

  if (count == 0) {

  that.setData({

  timeCountDownTop: '获取验证码',

  counting:false

  })

  return;

  }

  that.setData({

  counting:true,

  timeCountDownTop: count + '秒后重新获取',

  })

  setTimeout(function(){

  count--;

  countDown(that, count);

  }, 1000);

  }1234567891011121314151617181920

  在需要倒计时的地方挪用

  Page({

  data:{

  counting:false

  },

  //天生验证码

  generateVerifyCode:function() {

  var that = this;

  if (!that.data.counting) {

  wx.showToast({

  title: '验证码已发送',

  })

  //最先倒计时60秒

  countDown(that, 60);

  }

  },

  })123456789101112131415161718

  下面简朴介绍下功效的实现

  首先倒计时的要领是写在Page的外面,,,这个体搞错了

  实现倒计时要害的地方在于setTimeout要领,,,也即下面这段代码。。。。。。setTimeout要领可以设置在指定的时间距离执行某个函数。。。。。。应用的名堂是setTimeout(function(),time),function就是对应要执行的要领,,,time就是时间距离,,,这里的1000体现1000毫秒,,,也就是距离1秒执行一次countDown要领。。。。。。

  setTimeout(function(){

  count--;

  countDown(that, count);

  }, 1000);1234

  countDown要领中使用count字段来设置倒计时的时间,,,好比这里是60秒

  countDown要领中把that也转达进去是为了在倒计时状态改变时使用setData要领更新页面

  countDown要领中使用counting字段来判断是否已经在倒计时了,,,阻止重复最先倒计时

  倒计时竣事是通过count来判断,,,通过return直接退出

小程序工具提供多类型商城/门店小程序制作,,,可视化编辑 1秒天生5步上线。。。。。。通过拖拽、拼接??? ?榻峁剐〕绦蛏坛且趁,,,所看即所得,,,只需要美工就能做出细腻商城。。。。。。
更多小程序开发案例,,,尽在:/miniprogramschool/kaifa.html   

【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿,,,由于未联系到知识产权人或未发明有关知识产权的挂号,,,若有知识产权人并不肯意我们使用,,,若是有侵权请连忙联系。。。。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真,,,仅系客观性形貌,,,如您需要相识该类商品/服务详细的资讯,,,请您直接与该类商品/服务的提供者联系。。。。。。


KESION 金狮贵宾会软件

KESION 金狮贵宾会软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。。

KESION 一直通过手艺立异,,,提供产品和服务,,,助力企业向数字化转型,,,通过科技驱动商业刷新,,,让商业变得更智慧!



▼点击进入金狮贵宾会官网相识更多



热门标签
微信小程序 SaaS
上/下篇
  • 微信小程序定位权限开启或关闭怎么控制

  • 小程序倒计时组件实现源码

换一换相关推荐
精选内容
热门精选
金狮贵宾会·宾至如归-尊贵显赫 金狮贵宾会·宾至如归-尊贵显赫 金狮贵宾会·宾至如归-尊贵显赫
【网站地图】
小程序实现倒计时功效的实现方式 - KESION 金狮贵宾会