javascript - 我将如何获取此 .scrollTop 代码并对其进行修改以暂停其在鼠标悬停或滚动时的功能？

Question

<script>
window.setInterval(function() {
var elem = document.getElementById('onDiv');
elem.scrollTop = elem.scrollHeight;
}, 5000, 'swing');
</script>

<div id="onDiv" align="center" style="width:100%; height:250px; overflow:auto; padding-left: 2px;">
     <table id="asdf" cellspacing="0" cellpadding="0" border="0" width="100%" style="min-height:250px; overflow:auto; max-height:250px; padding-left: 2px;" >
       <tr>
         <td height="250" valign="top">Content</td>
       </tr>
     </table>


 </div>

上面的代码设置为每 5 秒向下滚动到底部，每个新内容添加到 div。

我对使用 jQuery 比较陌生，所以这里可能有一些不正确的格式。只是一个抬头。

谢谢伙计/女孩！

reyaner 给出的这段代码似乎是我想要做的，但是我无法让它在当前声明中工作。

<script>
var IV;
function setInterval(){
IV = window.setInterval(function() {
    var elem = document.getElementById('onDiv');
    elem.scrollTop = elem.scrollHeight;
}, 1000, 'swing');
}
setInterval();

("#onDiv").hover(function(){
clearInterval(IV);
}, function(){
setInterval();
});
</script>

Answer 1

这行得通吗？

 var IV;
    function mysetInterval() {
        IV = setInterval(function() {
            var elem = document.getElementById('onDiv');
            elem.scrollTop = elem.scrollHeight;
        }, 1000);
    }
    mysetInterval();
    $(function() {
        $("#onDiv").hover(function() {
            clearInterval(IV);
        }, function() {
            mysetInterval();
        });
    });

Answer 2

看看这个：http: //jsfiddle.net/balintbako/Xn9gd/

var interval;

$("#onDiv").hover(function () {
    $(this).stop(true);
    clearInterval(interval);
}, function () {
    queue();
});

function queue() {
    interval = setInterval(function () {        
        $("#onDiv").animate({
            scrollTop: $("#onDiv").prop('scrollHeight')
        }, 1000);
    }, 500);
}

queue();

Answer 3

像这样的东西：（在func中复制了你的代码..）

var IV;
function setInterval(){
    IV = window.setInterval(function() {
        var elem = document.getElementById('onDiv');
        elem.scrollTop = elem.scrollHeight;
    }, 5000, 'swing');
}
setInterval();

$("element").hover(function(){
    clearInterval(IV);
}, function(){
    setInterval();
});