CSDN-实现新闻的自动滚动

最新推荐文章于 2021-09-13 21:38:57 发布

wangjh422

最新推荐文章于 2021-09-13 21:38:57 发布

阅读量476

点赞数

分类专栏：代码解析文章标签： timer function javascript html iframe div

本文链接：https://blog.csdn.net/wangjh422/article/details/2148440

版权

代码解析专栏收录该内容

2 篇文章 0 订阅

订阅专栏

代码来自CSDN，仅供学习

效果：

代码：

1.html

2.htm

<html>
<head>
</head>
<body>
<DIV>
<UL id=scrollCon>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
<li>ddd</li>
<li>eee</li>
<li>fff</li>
</UL></DIV>
<SCRIPT language=javascript>
var con=document.getElementById("scrollCon");
var items=con.getElementsByTagName("li");
var lineNum=items.length;
var str=con.innerHTML;
con.innerHTML=str+str;
var timer1;
var timer2;
var line_height=items[0].offsetHeight;
var step=0;
var cstep=0;
var bplay=false;
function startScroll(){
  timer1=setInterval("doScroll()",10);
}

function doScroll(){
  window.scrollBy(0,1);
  step++;
  if(step>=line_height) {
   clearInterval(timer1);
   step=0
   cstep++;
   if(cstep>=lineNum){
    cstep=0;
    window.scrollTo(0,0);
   }
  }
}
function Stop(){
  bplay=false;
  clearInterval(timer2);
}
function Start(){
  if(bplay)return;
  bplay=true;
  timer2=setInterval("startScroll()",6000);
}
Start();
</SCRIPT>
</BODY>
</html>

wangjh422

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSDN-实现新闻的自动滚动

代码来自CSDN，仅供学习效果：1.2.代码：1.html2.htm aaa bbb ccc ddd eee fff var con=document.getElementById("scrollCon");var items=con.getElementsByTagName("li");var lineNum=items.length;var st
复制链接

扫一扫

专栏目录