// 日报滚动
dailyRefScroll() {
clearInterval(this.timeDailyRef) //清除定时器
const table = this.$refs.dailyRef //获取DOM元素
const divData = table.bodyWrapper //获取表格中承载数据的div元素
// divData.scrollTop = 0
this.addDailyRefScroll(divData)
//鼠标移入
divData.onmouseover = () => {
clearInterval(this.timeDailyRef)
}
//鼠标移出
divData.onmouseout = () => {
this.addDailyRefScroll(divData)
}
},
data中定义
timeDailyRef: null, //定时器id 滚动表格
ribaoScroll: false,是否滚动
addDailyRefScroll方法
addDailyRefScroll(divData) {
let scrollTop = divData.scrollTop
this.timeDailyRef = setInterval(() => {
scrollTop = divData.scrollTop
divData.scrollTop += 2
if (scrollTop == divData.scrollTop) {
if (this.ribaoScroll) {
scrollTop = 0
divData.scrollTop = 0
} else {
if (this.flag == 1) {
this.currentPage++
this.handleSearch() //函数中需要清楚定时器
}
}
}
}, 100)
},
清楚定时器
handleSearch(){
// 清楚定时器
clearInterval(this.timeDailyRef)
}