javascript之循环停顿上下滚动

2016-02-19 09:05 6 1 收藏

下面请跟着图老师小编一起来了解下javascript之循环停顿上下滚动，精心挑选的内容希望大家喜欢，不要忘记点个赞哦！

【 tulaoshi.com - Web开发】

extractNodes函数解决各浏览器的节点计算问题。FireFox把换行符也算成一个节点，很不合理啊。
先用appendChild复制前面的四个节点到底部，使得头尾是一样的内容，以作后用。记得做flash补间循环运动的时候就是这样要头尾一样。
通过setInterval隔时运行rolltxt函数。
rolltxt函数首先计算的是间隔停顿的高度，滚动多高就要停顿一下，这个高度我也不知道怎么算出来的，跟CSS有关系，我是试出来的
用求余数的方法可以判断是否已经滚过了所设的间隔高度。如果余数不等于0就继续加1滚动。如果余数为0说明已经滚动了所设的间隔高度，要在这里停顿了。
设一个变量settime来计算时间，加到50的时候settime清零，滚动继续，这个50我没算过单位是什么，反正随我高兴。
差不到这样已经能停顿滚动了，但是还有一个问题，没有限定最高值，滚动一直滚啊滚啊，当然是会出毛病了。滚到哪再重头开始滚好呢？当然是滚到尾部跟头一样位置的时候，网页高度减去可见高度就对了，为什么这么算？这个自己比划比划就知道了。
循环停顿上下滚动已经大功告成了，不信你试试

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1589450.html

上一篇：【消息提示组件】兼容IE6/7&&FF2
下一篇： Java+MySql图片数据保存与读取的具体实例

看过《javascript之循环停顿上下滚动》的人还看了以下文章更多>>

Javascript Chinaz的不间断滚动新闻函数

标签： Web开发

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title精彩推荐/title style type="text/css" !-- body{height:20px;line-height:20px;ove...

Javascript利用循环绑定事件的例子

标签： Web开发

我们先看一个关于Javascript利用循环绑定事件的例子：例如：一个不确定长度的列表，在鼠标经过某一条的时候改变背景。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml&quo...

JavaScript学习笔记 4-循环 Loops

标签： Web开发

学过C语言的人，对此应该熟悉，完全是一样的，一个简单的while循环例子：简单的while循环 html head title简单的while循环例子/title script language="javascript" !--hide me var password="tograce"; var answer; while (answer!=password) { answer=prompt("input the password(tograce)",""); } //show me-- /script /head body...

javascript之水平横向滚动歌词同步的应用

标签： Web开发

参考地址：http://aboutplayer.com 代码如下： var lrc0, lrc1, lrc2; moveflag = false; var top, bottom; var lrcobj; var lrctop; predlt = 0; curdlt = 0; function lrcClass(tt) { this.inr = []; this.oTime ...

JavaScript教程:优化次数过多的循环

标签： Web开发

假设要生成一千万个随机数，常规的做法如下： var numbers = []; for (var i = 0; i 10000000; i++) { numbers.push(Math.random()); } 然而，在IE下执行这段代码时，却弹出了一个窗口提示用户是否停止这段脚本。出现这种情况，首先想到的是优化循环体。但明显地，循环体很简单，没什么优化的余地。即使把循环体清空，提示仍然存在。...

查看更多精彩>>