5th

09.08

Javascript脚本:自动滚屏-setTimeout()-clearTimeout()-scrollBy()

2 CommentsJavascript脚本cngothic

Javascript脚本:自动滚屏效果实例
在阅读文章时.由于文章内容过多.可以使用此方法.可以让网页自动向下滚动来方便阅读.
此篇文章讲到了三个知识点:
setTimeout():在指定的毫秒数后调用函数或计算表达式
clearTimeout():只执行 code 一次.后终止吊.
scrollBy():按照指定的像素值来滚动内容.
看完整JS代码,很简单:

  1. function scrollStar()
  2. {
  3.   if (document.getElementById("checkbox").status == true){
  4.     window.scrollBy(0,1);
  5.     setTimeout("scrollStar()",50);
  6.   }
  7.   else{
  8.     clearTimeout();
  9.   }
  10. }
  11. <input name="" type="checkbox" id="checkbox" value=""  onClick="scrollStar();">

, , , ,