scrollDuty() {
var list_container = document.getElementById(“dutyData-list-container”);
var scroll_container1 = document.getElementById(“dutyData-scroll-container1”);
var scroll_container2 = document.getElementById(“dutyData-scroll-container2”);
//页面没有渲染完毕的话,等2s再执行一次
if (scroll_container1.innerHTML == ‘’) {
setTimeout(() => {
this.scrollDuty();
}, 2000);
return;
}
if (list_container.offsetHeight > scroll_container1.offsetHeight) {
//数量不够的时候,不开启滚动
return;
}
var speed = 30; //滚动速度值,值越大速度越慢
scroll_container2.innerHTML = scroll_container1.innerHTML; //克隆第二个
function Marquee() {
if (scroll_container2.offsetTop - list_container.scrollTop <= 0) //当滚动至交界时
list_container.scrollTop -= scroll_container1.offsetHeight //跳到最顶端
else {
list_container.scrollTop++
}
}
this.timers.zbtd_timer = setInterval(Marquee, speed);
list_container.onmouseover = () => { clearInterval(this.timers.zbtd_timer) } //鼠标经过时清除定时器达到滚动停止的目的
list_container.onmouseout = () => { this.timers.zbtd_timer = setInterval(Marquee, speed) } //鼠标移开时重设定时器
},
新闻滚动功能
最新推荐文章于 2023-09-16 18:24:12 发布