我已经搜索并阅读了许多类似的问题,但无法解决我的问题。 事实是,我已经在网站上实现了AutoScroll功能,并且可以按预期工作。当鼠标进入身体时滚动会停止,离开时会继续滚动。
该想法是展示第二个屏幕(TV)上显示的表格。该表位于网站上,并且每隔5分钟刷新一次页面。一段时间后,自动滚动停止。如果我将指针移至第二个屏幕并将其删除,它会再次正常启动。
该函数的代码是这样的:
var speed = 7000;
var timerUp = null;
var timerDown = null;
function sliderDown(speed){
timerDown = setTimeout(
function(){
$('html, body').animate(
{
scrollTop: $(document).height()
}, speed
);
sliderUp(speed);
}
,speed*1.5);
}
function sliderUp(speed){
timerUp = setTimeout(
function(){
$('html, body').animate(
{
scrollTop: 0
},speed
);
sliderDown(speed);
}
,speed*1.5);
}
$(document).ready(
function (){
var box = document.getElementById("scrollBox");
$('#main').hover(
function(){
$('html, body, #main').stop(true, false);
clearTimeout(timerDown);
clearTimeout(timerUp);
},
function(){
if (box.checked) {
sliderDown(speed);
}
}
);
}
);
我仍然是js的业余编码,不胜感激。