美文网首页
小程序计时器setTimeout循环切换数组内容

小程序计时器setTimeout循环切换数组内容

作者: 西西里_da26 | 来源:发表于2017-06-17 22:47 被阅读0次

    工作中需要用到计时器循环输出数组内容,走了很多弯路,网上很多资料也说的不清不楚,最后算是研究出来了,完美运行。

    wxml放一个button绑定"test"事件,点击按钮的时候调用setInterval方法再循环调用自定义的time1函数。

    time1函数控制循环输出数组里面的内容。

    js代码:

    test: function () {

    var that = this

    setInterval(that.time1, 5100)

    },

    time1: function () {

    var arr= ['1', '2', '3', '4', '5']

    for (var i = 0; i < arr.length; i++) {

    var j = 0;

    var time1 = setTimeout(function () {

    console.log(arr[j++])

    }, i * 1000);

    }

    },

    大家可以测试下,如果有更好的方法,留言下。

    相关文章

      网友评论

          本文标题:小程序计时器setTimeout循环切换数组内容

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