前端页面倒计时1分钟(小程序)

86 阅读 0 评论 57 点赞

我是靠谱客的博主难过小土豆，最近开发中收集的这篇文章主要介绍前端页面倒计时1分钟(小程序)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述


<button bindtap="click" disabled="{{dis}}">{{time}}</button>
//设置函数

/**
* 页面的初始数据
*/
data: {
time:'点击获取验证码',
dis:false,
},
//找到页面初始数据并赋值


click:function(e)
{
var time = this.data.time
//获取页面初始化的值
var is = this
is.setData({
time:60,
dis:true
})
//在此赋值
var intval = setInterval(function(){
// 设置一个时间器
var time = is.data.time
//获取赋值的时间60
is.setData({
time:time-1
})
//设置每秒减一
if(time==0)
{
clearInterval(intval);
is.setData({
time:'点击获取验证码',
dis:false
})
}
},1000)