首页 > 技术文章 > 让ul li 或者table 进行循环往上滚屏

kingboy-xin 2019-05-28 15:09 原文

js相关的代码了: 

这段定时器代码可以当独放在一个方法中执行。每次都是获取dom上的ID,这样也有个好处是在执行期间dom节点不会一直累加。

<script type="text/javascript">
setTimeout(function(){
var table = document.getElementById("news");
var timer = null;
table.scrollTop = 0;
table.innerHTML += table.innerHTML;
function play() {
clearInterval(timer);
timer = setInterval(function() {
table.scrollTop++;
if (table.scrollTop >= table.scrollHeight / 2) {
table.scrollTop = 0;
}}, 100);
}
setTimeout(play, 500);
table.onmouseover = function() {
clearInterval(timer)
};
table.onmouseout = play;
},0)
</script>

推荐阅读