小程序-倒计时
来源:互联网 发布:大数据 曾是规划 编辑:程序博客网 时间:2024/06/06 06:46
index.js
// pages/sendCode/index.jsPage({ /** * 需要指定换行的地方\n(不加不影响垂直居中) */ data: { yzm: '发送 ', yzmDisabled: false, }, getYzm: function () { var self = this; self.changeYzm(); }, changeYzm: function () { var self = this; var n = 10; self.setData({ //禁用button yzmDisabled: true, yzm: n , }) var yzmInterval = setInterval(function () { if (self.data.yzm <= 0) { self.setData({ yzm: '发送', yzmDisabled: false, }) clearInterval(yzmInterval); } else { n = n - 1; self.setData({ yzm: n , }) } }, 1000) }})
index.wxml
<button class="btn_yzm" catchtap="getYzm" disabled="{{yzmDisabled}}"><text>{{yzm}}</text></button>
index.wxss
.btn_yzm { font-size: 28rpx; color: #666666; border: 2rpx solid #e3e3e3; background-color: #fff; border-radius: 12rpx; padding: 0px; height: 80rpx; width: 160rpx; line-height: 30rpx; display: table;}.btn_yzm text { vertical-align: middle; display: table-cell;}
阅读全文
0 0
- 倒计时小程序
- 倒计时小程序
- 一个倒计时小程序
- java 倒计时小程序
- 小程序写倒计时
- js倒计时小程序
- 小程序-倒计时
- 一个Silverlight倒计时小程序
- 寒假小程序(倒计时 )
- 简单的JS倒计时小程序
- 用MFC制作一个倒计时小程序
- java小程序:闹钟(倒计时)
- 小程序列表多个批量倒计时
- 一个倒计时的小程序,模拟了leftPad函数
- 使用 javaScript 编写倒计时小程序,到时提交表单
- 一个小倒计时程序 菜鸟级别的我
- 小程序自学系列(零基础学小程序)---小程序实现简单的倒计时效果
- 小程序自学系列(零基础学小程序002)---小程序实现电商秒杀倒计时效果
- xxx not in the sudoers file.This incident will be reported
- HtmlSpanner使用小结
- 怎样利用XAMPP搭建本地php环境
- 64 linux spi设备驱动之mcp2515(can控制器)驱动
- 秒懂,Java 注解 (Annotation)你可以这样学
- 小程序-倒计时
- fseek函数、ftell函数和rewind函数
- python [:]
- 数据库管理常用sql命令
- bin2cHex
- SqlMapConfig.xml配置文件详解
- caffe 中添加新的layer
- PHP使用Redis存储session时的一个Warning定位
- 获得用户的真实IP地址