跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

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

这篇文章主要介绍了微信小程序注册60s倒计时功能,以及使用js实现注册60s倒计时功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 微信小程序+WEB使用JS实现注册【60s】倒计时功能开发步骤: 1、效果图: 2、页面仅仅利用了JS的相关功能,包含:wxml、js、wxss 2.1wxml页面代码:
绑定手机
手 机:
2.2 js页面代码: 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更 下载
var countdown = 60; var settime = function (that) { if (countdown == 0) { that.setData({ is_show: true }) countdown = 60; return; } else { that.setData({ is_show:false, last_time:countdown }) 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页面代码:
/* 发送验证码按钮隐藏,并展示倒数60s提示 */ .hide{ display: none; } .show{ display: block; }
3、上面讲的是微信小程序的,那么我们一般web端或者移动端的应该是什么样呢? 其实,方法都差不多,这里也贴出来仅供大家参考

相关文章