微信小程序注册60s倒计时功能使用JS实现注册60s倒计时功能

发布时间：2020-12-14 20:13:30 所属栏目：资源来源：网络整理

导读：微信小程序+WEB使用JS实现注册【60s】倒计时功能开发步骤： 1、效果图： 2、页面仅仅利用了JS的相关功能，包含：wxml、js、wxss 2.1wxml页面代码：绑定手机手机： input type="number" placeholder="请输入验证码" maxlength="6" name="data_verify" valu

微信小程序+WEB使用JS实现注册【60s】倒计时功能开发步骤：

1、效果图：

2、页面仅仅利用了JS的相关功能，包含：wxml、js、wxss

2.1wxml页面代码：

绑定手机

2.2 js页面代码：

countdown--;
}
setTimeout(function () {
settime(that)
},1000)
}

Page({
/**

页面的初始数据
*/
data: {
last_time:'',is_show:true
},clickVerify:function(){
var that = this;
// 将获取验证码按钮隐藏60s，60s后再次显示
that.setData({
is_show: (!that.data.is_show) //false
})
settime(that);
}

})

2.3 wxss页面代码：

3、上面讲的是微信小程序的，那么我们一般web端或者移动端的应该是什么样呢？

其实，方法都差不多，这里也贴出来仅供大家参考

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能

微信小程序注册60s倒计时功能使用JS实现注册60s倒计时功能