微信小程序：如何实现单击button，text内容会不停切换，直到单击了另一个button后暂停

微信小程序：如何实现单击button，text内容会不停切换，直到单击了另一个button后暂停

小白一个，各位大佬请不吝回答！没有基础

可以借用随机数和数组实现接用定时器。伪代码就是这样

<text>{{text}}</text>
data(){
  text:"",
  time:null
}


textFn(){
  let arr=["驴肉火烧","扬州炒饭"];
 let time=setInterval(()=>{
  let index=Math.random()*(arr.lenght-1)+1 
   this.setData({
   text:arr[index],
   time:time
  })
  },1000)
}

stop(){ //停止事件
   clearInterval(time);
}

//然后离开本页面也
clearInterval(time);

使用setInterval来实现，每隔一段时间执行一次

let timer = setInterval(()=> {
  // 这里写改变内容的代码
},100)


// 点击停止的代码
clearInterval(timer);
// 清除掉这个timer就好了