微信小程序用定时器实现跑马灯

话不多说，直接放代码

WXML部分

<button class="btn" bindtap="handleTap">浪起来</button>
<button class="btn" bind:tap="stopTap">别浪</button>
<view class="inner">{{mag}}</view>

js部分

Page({
  /**
   * 页面的初始数据
   */
  data: {
    mag:"猥琐发育，别浪~~!",
    timer:null,
    disabl:false,
  },
  handleTap(){
    console.log('111');
    console.log(this.data.mag);

    this.data.timer=setInterval(()=>{
      console.log('setInterval 每过500毫秒执行一次任务')
      let handleTap = this.data.mag.substring(0, 1)
      let end = this.data.mag.substring(1)
      this.data.mag = end + handleTap
      this.setData({"mag":end + handleTap})
      // this.data.mag.setdata
    },500)
  },
  stopTap(){
    console.log('222');
    clearInterval(this.data.timer)
    console.log(this.data.mag);
  },