美文网首页
小程序定时器setInterval

小程序定时器setInterval

作者: 西西里_da26 | 来源:发表于2017-06-18 15:28 被阅读0次

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

相关文章

  • 小程序定时器setInterval

    不精通JS的话,直接上手小程序还是有点吃力。坑需要一个个去排,唉,说多了都是泪。 小程序用定时器随机输出数组内容。...

  • JS定时器

    定时器 setInterval 与 setTimeout的区别 setInterval setInterval(...

  • js date

    创建 Date 对象的语法: 定时器 setInterval 循环定时器 语法: setInterval(fun...

  • js date对象 和定时器

    创建 Date 对象的语法: 定时器 setInterval 循环定时器 语法: setInterval(fun...

  • 定时器和函数防抖节流

    定时器: 在javascript高级程序设计里面有讲到,重复的定时器(setInterval)会有一些问题:(Ja...

  • 定时器

    定时器 setInterval(函数,毫秒); 重复执行 clearIntrval(setInterval(函数...

  • js定时器

    js定时器: $(function(){ // 定时器 setInterval(redirect,1000...

  • setTimeout和setInterval深入理解

    一、setTimeout和setInterval定时器的参数 setTimeout和setInterval函数用来...

  • 客户端的JavaScript(二)

    setTimeout和setInterval 定时器(计时器) setTimeout和setInterval都是客...

  • 定时器

    1.倒计定时器(setTimeout) clearTimeout清除定时器2.循环定时器(setInterval)...

网友评论

      本文标题:小程序定时器setInterval

      本文链接:https://www.haomeiwen.com/subject/zegiqxtx.html