datacollect_scroll.js 1.2 KB

1234567891011121314151617181920212223242526272829303132
  1. window.onload = roll(50);
  2. function roll(t) {
  3. var ul1 = document.getElementById("comment1");
  4. var ul2 = document.getElementById("comment2");
  5. var ulbox = document.getElementById("review_box");
  6. ul2.innerHTML = ul1.innerHTML;
  7. ulbox.scrollTop = 0; // 开始无滚动时设为0
  8. // var timer = setInterval(rollStart, t); // 设置定时器,参数t用在这为间隔时间(单位毫秒),参数t越小,滚动速度越快
  9. var timer = setInterval(rollStart, '40');
  10. // 鼠标移入div时暂停滚动
  11. ulbox.onmouseover = function () {
  12. clearInterval(timer);
  13. }
  14. // 鼠标移出div后继续滚动
  15. ulbox.onmouseout = function () {
  16. // timer = setInterval(rollStart, t);
  17. timer = setInterval(rollStart, '40');
  18. }
  19. }
  20. // 开始滚动函数
  21. function rollStart() {
  22. // 上面声明的DOM对象为局部对象需要再次声明
  23. var ul1 = document.getElementById("comment1");
  24. var ul2 = document.getElementById("comment2");
  25. var ulbox = document.getElementById("review_box");
  26. // 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
  27. if (ulbox.scrollTop >= ul1.scrollHeight) {
  28. ulbox.scrollTop = 0;
  29. } else {
  30. ulbox.scrollTop++;
  31. }
  32. }