1.在data中定义跑马灯的内容
data: {
advertisement: '欢迎使用todo-list!!!!',
},
2.截取字符串第一个字符,加到字符串最后,利用计时器循环操作
// 广告滚动
start() {
console.log(this.data.timer);
clearInterval(this.data.timer)
this.data.timer = setInterval(() => {
this.setData({
advertisement: this.data.advertisement.slice(1) + this.data.advertisement[0]
})
}, 200)
},
注意:点击开始先清空一次计时器,防止计时器叠加
点击暂停清空计时器
// 广告停止
stop() {
clearInterval(this.data.timer)
},