vue实现跑马灯效果

timer:null,

recentTradestr:'',

recentTrade:[

        

      ],

方法

给跑马灯字符串赋值，并调用定时器

recentdata(){

      this.recentTrade=[

        '挂93945已成交',

        '挂93945已成交',

        '挂93945已成交',

        '挂93945已成交',

        '挂93945已成交'

      ],

      this.recentTradestr=this.recentTrade.join('\xa0\xa0\xa0\xa0')+'\xa0\xa0\xa0\xa0';

      this.showrecenttrade();

    },

定时器的写法

showrecenttrade(){

      

      if(this.timer!=null){//保证只开启一个定时器

        return ;

      }else{

          this.timer=setInterval(()=>{

            let start=this.recentTradestr.substring(0,1);

            let end=this.recentTradestr.substring(1);

            this.recentTradestr=end+start;

            console.log("定时器");

        },500)

      }

      

    },