字体-字体+

小程序实现倒计时发送验证码

2018-06-14 微信小程序 访问量 153

上节简单地讲了在小程序中使用高德地图定位城市、坐标等。现在的移动端的应用如注册登录功能等,非常注意用户的体验,比如用户注册的仅仅需要发送一条验证码就行了,在小程序中类似这样的功能其实实现起来也是和web端的js出入不大,我们一起来看看吧。

基本的代码如下所示:

//定义倒计时的函数,传入秒数
djsFun: function (count) {
	//再次发送等待处理
	if (count <= 0) {
	  this.setData({
	    getCaptchaText: '发送验证码',//改变按钮文本
	    xw_captcha_pointer_events: 'pointer_events_auto' //这里给了个css  pointer-events: auto; 使按钮可点击。
	  })
	  return;
	}
	this.setData({
	  getCaptchaText: count + ' 秒后发送',
	  xw_captcha_pointer_events:'pointer_events_none'   //这里给了个css  pointer-events: auto; 使按钮不可点击,类似disabled
	});
	count--;
	setTimeout(() => {
	  this.djsFun(count)
	}, 1000);//每秒执行
}

其效果图可如下所示。

小程序倒计时

标签:

原文来自:http://www.dawnfly.cn/article-1-396.html,转载请注明出处,谢谢【破晓博客复制链接地址