微信小程序|小程序开发
微信小程序,验证码倒计时
微信小程序-小程序开发
本篇文章给大家带来的内容是介绍微信小程序如何实现获取验证码后倒计时效果？（代码示例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
bc游戏源码,vscode 前端怎么打开页面,Ubuntu使用chrom,tomcat版本报错,爬虫js库,php保存微信头像,霍州seo关键字优化,网站备份,个人主页模板百度云lzw
首先我们来看看效果图：
固定资产源码,ubuntu进去桌面花屏,配置tomcat实验报告,爬虫温控垫,php技术薪资对照教程,SEO悬赏lzw
映客花椒类型直播源码,vscode可以编写数据库吗,ubuntu解决dns,tomcat没引入jar包,json格式爬虫,php中的strstr,延庆万词seo哪里靠谱lzw
wxml代码：
wxss代码：
/* pages/forgetpwd/forgetpwd.wxss */input{ padding-left: 20rpx; border-bottom: 1rpx solid #ccc; height: 80rpx; line-height: 80rpx; width: 95%; margin: 0 auto; font-size: 28rpx;}.input-verify{ width: 67%; margin-left: 10rpx; float: left;}.verify-btn{ width: 26%; height: 65rpx; float: right; line-height: 65rpx; background: #fff;color: #5FD79D; margin: 20rpx 10rpx; font-size: 28rpx;}.confirm-btn{ width: 80%; height: 90rpx; margin: 150rpx auto; background: #5FD79D;color: #fff;}
js代码：
// pages/forgetpwd/forgetpwd.jsvar interval = null //倒计时函数Page({ /** * 页面的初始数据 */ data: { time: 获取验证码, //倒计时currentTime: 60 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, getPwd:function(e){ console.log(e.detail.value) }, /** * 确认修改 */ confirm_btn:function(){ wx.redirectTo({url: /pages/login/login, }) }, 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:60,disabled: false })} }, 1000) }, getVerificationCode(){ this.getCode(); var that = this that.setData({disabled:true }) },})
总结：
