一段时间后自动滚动停止

时间:2018-09-18 16:48:22

标签: javascript jquery autoscroll

我已经搜索并阅读了许多类似的问题,但无法解决我的问题。 事实是,我已经在网站上实现了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的业余编码,不胜感激。

0 个答案:

没有答案