这篇文章主要介绍了微信小程序注册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。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
2.3 wxss页面代码:
3、上面讲的是微信小程序的,那么我们一般web端或者移动端的应该是什么样呢?
其实,方法都差不多,这里也贴出来仅供大家参考
绑定手机
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);
}
})/* 发送验证码按钮隐藏,并展示倒数60s提示 */
.hide{
display: none;
}
.show{
display: block;
}
