小程序定时器setInterval

2017-06-18  本文已影响0人  西西里_da26

不精通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>

上一篇 下一篇

猜你喜欢

热点阅读