美文网首页
小程序定时器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

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