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

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


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循环切换数组内容)