window.onload = roll(50);
window.onload = roll2(50);
window.onload = roll3(50);
function roll(t) {
    var ul1 = document.getElementById("comment1");
    var ul2 = document.getElementById("comment2");
    var ulbox = document.getElementById("review_box");
    ul2.innerHTML = ul1.innerHTML;
    ulbox.scrollTop = 0; // 开始无滚动时设为0
    // var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
    var timer = setInterval(rollStart, '40');
    // 鼠标移入div时暂停滚动
    ulbox.onmouseover = function () {
        clearInterval(timer);
    }
    // 鼠标移出div后继续滚动
    ulbox.onmouseout = function () {
        // timer = setInterval(rollStart, t);
        timer = setInterval(rollStart, '40');
    }
}
// 开始滚动函数
function rollStart() {
    // 上面声明的DOM对象为局部对象需要再次声明
    var ul1 = document.getElementById("comment1");
    var ul2 = document.getElementById("comment2");
    var ulbox = document.getElementById("review_box");
    // console.log(ulbox.scrollTop);
    // 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
    if (ulbox.scrollTop >= ul1.scrollHeight) {
        ulbox.scrollTop = 0;
    } else {
        ulbox.scrollTop++;
    }
}
function roll2(t) {
    var ul3 = document.getElementById("comment3");
    var ul4 = document.getElementById("comment4");
    var ulbox2 = document.getElementById("review_box2");
    ul4.innerHTML = ul3.innerHTML;
    ulbox2.scrollTop = 0; // 开始无滚动时设为0
    // var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
    var timer2 = setInterval(rollStart2, '40');
    ulbox2.onmouseover = function () {
        clearInterval(timer2);
    }
    // 鼠标移出div后继续滚动
    ulbox2.onmouseout = function () {
        // timer = setInterval(rollStart, t);
        timer2 = setInterval(rollStart2, '40');
    }
}
function rollStart2() {
    // 上面声明的DOM对象为局部对象需要再次声明
    var ul3 = document.getElementById("comment3");
    var ul4 = document.getElementById("comment4");
    var ulbox2 = document.getElementById("review_box2");
    // console.log(ulbox2.scrollTop);
    // 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
    if (ulbox2.scrollTop >= ul3.scrollHeight) {
        ulbox2.scrollTop = 0;
    } else {
        ulbox2.scrollTop++;
    }
}
function roll3(t) {
    var ul5 = document.getElementById("comment5");
    var ul6 = document.getElementById("comment6");
    var ulbox3 = document.getElementById("review_box3");
    if (!ul5 || !ul6) return;
    ul6.innerHTML = ul5.innerHTML;
    ulbox3.scrollTop = 0; // 开始无滚动时设为0
    // var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
    var timer3 = setInterval(rollStart3, '40');
    ulbox3.onmouseover = function () {
        clearInterval(timer3);
    }
    // 鼠标移出div后继续滚动
    ulbox3.onmouseout = function () {
        // timer = setInterval(rollStart, t);
        timer3 = setInterval(rollStart3, '40');
    }
}
function rollStart3() {
    // 上面声明的DOM对象为局部对象需要再次声明
    var ul5 = document.getElementById("comment5");
    var ul6 = document.getElementById("comment6");
    var ulbox3 = document.getElementById("review_box3");
    // console.log(ulbox3.scrollTop);
    // 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
    if (ulbox3.scrollTop >= ul5.scrollHeight) {
        ulbox3.scrollTop = 0;
    } else {
        ulbox3.scrollTop++;
    }
}


// tableScroll('tableId', '100%', 30, 10);
var MyMarhq;
function tableScroll(tableid, hei, speed, len) {
    clearTimeout(MyMarhq);
    $('#' + tableid).parent().find('.tableid_').remove()
    $('#' + tableid).parent().prepend(
        '<table class="tableid_"><thead>' + $('#' + tableid + ' thead').html() + '</thead></table>'
    ).css({
        'position': 'relative',
        'overflow': 'hidden',
        'height': hei + 'px'
    })
    $('#' + tableid).parent().find('.tableid_').find('th').each(function(i) {
        $(this).css('width', $('#' + tableid).find('th:eq(' + i + ')').innerWidth());
    });
    $('#' + tableid).parent().find('.tableid_').css({
        'position': 'absolute',
        'top': 0,
        'left': 0,
        'z-index': 9
    })
    $('#' + tableid).css({
        'position': 'absolute',
        'top': 0,
        'left': 0,
        'z-index': 1
    })

    if ($('#' + tableid).find('tbody tr').length > len) {
        if ($('#' + tableid).find('tbody tr').length > 30) {
            $('#' + tableid).find('tbody').html($('#' + tableid).find('tbody').html() + $('#' + tableid).find('tbody').html());
        } else {
            $('#' + tableid).find('tbody').html($('#' + tableid).find('tbody').html() + $('#' + tableid).find('tbody').html() + $('#' + tableid).find('tbody').html() + $('#' + tableid).find('tbody').html());
        }
        $('#' + tableid).parent().find('.tableid_').css('top', 0);
        $('#' + tableid).css('top', 0);
        var tblTop = 0;
        var outerHeight = $('#' + tableid).find('tbody').find("tr").outerHeight();
        function Marqueehq() {
            if (tblTop <= -outerHeight * $('#' + tableid).find('tbody').find("tr").length) {
                tblTop = 0;
            } else {
                tblTop -= 1;
            }
            $('#' + tableid).css('margin-top', tblTop + 'px');
            clearTimeout(MyMarhq);
            MyMarhq = setTimeout(function() {
                Marqueehq()
            }, speed);
        }

        MyMarhq = setTimeout(Marqueehq, speed);
        $('#' + tableid).find('tbody').hover(function() {
            clearTimeout(MyMarhq);
        }, function() {
            clearTimeout(MyMarhq);
            if ($('#' + tableid).find('tbody tr').length > len) {
                MyMarhq = setTimeout(Marqueehq, speed);
            }
        })
    }
};