不精通JS的话,直接上手小程序还是有点吃力。坑需要一个个去排,唉,说多了都是泪。
小程序用定时器随机输出数组内容。
data: {
buttonText: '开始',
time1: ''"
}
sendNum: function (arr) {
return arr[Math.floor(Math.random() * arr.length)];
},//这个函数是随机获取数组某个内容,random()方法只能获取0-1之间的数,但是获取不到1,所以用个floor方法,向下取整数。
//下面是按钮方法,当点击开始的时候,执行定时器,定时调用sendNum方法获取数组中的随机数,同时让按钮开始更改为停止,当点停止的时候清除计时器。特别注意,定时器是全局变量,所以一定要在全局设一个变量保存定时器的ID,我这边是只接在data里面设了个变量。
timeTest: function () {
var that = this
var time1 = that.data.time1
var buttonText = that.data.buttonText
var arr = ['1', '2', '3', '4', '5', '6']
if(buttonText=='开始'){
time1 = setInterval(function () {
console.log(that.sendNum(arr))
that.setData({
buttonText: '停止',
time1: time1
})
},200)
}else{
that.setData({
buttonText: '开始',
})
clearInterval(time1)
}
},
wxml
<button bindtap="timeTest">{{buttonText}}</button>
网友评论