微信小程序验证码倒计时60秒

wxml

</button>

wxss

/*获取验证码 */

.buttonget {

background-color: #fff;

display: inline-block;

font-size: 26rpx;

color: rgb(136, 136, 136);

border: 1px solid #888;

border-radius: 10rpx;

width: 160rpx;

height: 70rpx;

line-height: 70rpx;

position: absolute;

top: 0;

right: 20rpx;

z-index: 2;

padding-right: 0;

padding-left: 0;

margin-top: 10rpx;

}

//验证码倒计时函数

getCode: function (options) {

var that = this;

var currentTime = that.data.currentTime;

that.setData({

time: currentTime + '秒'

})

interval = setInterval(function () {

that.setData({

time: (currentTime - 1) + '秒'

})

currentTime--;

if (currentTime <= 0) {

clearInterval(interval)

that.setData({

time: '重新获取',

currentTime: 60,

disabled: false

})

}

}, 1000)

//验证码倒计时结束

微信小程序验证码倒计时60秒相关推荐

微信小程序---验证码倒计时
实现效果微信小程序如何实现获取验证码后倒计时效果? 完整代码 wxml <view class="password"><view class="hea ...
黯然微信小程序杂记（三）：微信小程序实现倒计时功能附讲解教学附源码
黯然微信小程序杂记(三):微信小程序实现倒计时功能附超详细注释附源码一.功能描述二.界面展示三.test.wxml代码四.test.js代码(注释很详细很易懂) CSDN私信我,有关微信 ...
微信小程序设置倒计时效果
效果微信小程序设置倒计时步骤 1.设置一个定时器,然后将时间设为一秒 2.在这个函数里将当前时间距终止的时间,的时间戳的差值减一 3.计算剩余的时间,还剩的时分秒等 4.将计算的时间保存到data中 ...
微信小程序自定义倒计时组件及注意事项
倒计时功能实现:微信小程序实现倒计时功能(超简单)_洛潆的博客-CSDN博客_微信小程序倒计时功能由于要在多个页面使用倒计时功能,在每个页面都重新写一遍就会很麻烦,所以可以把它封装为自定义组件,最终 ...
微信小程序动态倒计时
微信小程序之倒计时插件 wxTimer 1.在全局app.js引入下载: wxTimer 然后把wxTimer文件放在js中 for (let i = 0; i < addEvaluate.l ...
python控制相机自动拍照_微信小程序实现倒计时调用相机自动拍照功能
这篇文章主要为大家详细介绍了微信小程序实现倒计时调用相机自动拍照功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序定时拍照的具体代码,供大家参考,具体内容如下在某 ...
手机短信验证码登录功能的开发实录(机器识别码、短信限流、错误提示、发送验证码倒计时60秒)
短信验证码登录功能项目分析核心代码 1.外部js库调用 2.HTML容器构建 3.javaScript业务逻辑验证 4.后端验证逻辑总结短信验证码是通过发送验证码到手机的一种有效的验证码系统, ...
微信小程序验证码获取攻略：让你秒懂如何快速获取验证码
前言微信小程序作为移动互联网的一部分,受到了广泛的欢迎.但是,在使用微信小程序的过程中,获取验证码却是不可避免的一环.那么如何让获取验证码变得更加方便快捷?本文将为您介绍微信小程序获取验证码的方法, ...
微信小程序动画-倒计时缩放
刚接触小程序,项目需要做个动画的倒计时,本来css3的animation用着挺好,但考虑到,微信提供了这个东东,那在这里就尝试用一用微信小程序的wx.animation,我理解的小程序动画就是用js来 ...
原生微信小程序圆形倒计时svg组件
#写在最前# 微信小程序不支持svg标签,需要把svg转成base64用background属性展示,缺点是执行倒计的时候,圆形轨道无法做动画,只能很生硬的展示每一帧:优点时非常清晰,不会有锯齿. # ...

微信小程序验证码倒计时60秒

微信小程序验证码倒计时60秒相关推荐

最新文章

热门文章