Автопрокрутка останавливается через некоторое время - PullRequest
Новая
       13

Автопрокрутка останавливается через некоторое время

0 голосов
/ 18 сентября 2018

Я искал и читал много похожих вопросов, но не смог решить мою проблему.Дело в том, что я реализовал функцию AutoScroll на веб-сайте, и она работает, как и ожидалось.Прокрутка останавливается, когда мышь входит в тело, и возобновляется через некоторое время, когда она уходит.

Идея состоит в том, чтобы продемонстрировать таблицу, отображаемую на втором экране (телевизоре).Таблица находится на веб-сайте, и страница обновляется с интервалом в 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, любая помощь приветствуется.

...