extractNodes函数解决各浏览器的节点计算问题。FireFox把换行符也算成一个节点，很不合理啊。 先用appendChild复制前面的四个节点到底部，使得头尾是一样的内容，以作后用。记得做flash补间循环运动的时候就是这样要头尾一样。 通过setInterval隔时运行rolltxt函数。 rolltxt函数首先计算的是间隔停顿的高度，滚动多高就要停顿一下，这个高度我也不知道怎么算出来的，跟CSS有关系，我是试出来的 用求余数的方法可以判断是否已经滚过了所设的间隔高度。如果余数不等于0就继续加1滚动。如果余数为0说明已经滚动了所设的间隔高度，要在这里停顿了。 设一个变量sett
在JavaScript编程中，循环停顿上下滚动是一种常见的动态效果，常用于新闻滚动、广告轮播等场景。在本文中，我们将探讨如何实现这样的效果，并关注其中的关键技术点。
`extractNodes`函数是一个用于处理浏览器之间差异的工具，特别是针对不同浏览器对文本节点的处理。例如，Firefox会将换行符视为单独的节点，而其他浏览器可能不会。为了解决这个问题，我们需要在实际的滚动动画开始之前，先将内容复制到底部，确保头尾内容相同，这样在循环滚动时可以平滑过渡。
接下来，我们使用`setInterval`函数来定时执行`rolltxt`函数，以实现间隔性的滚动。`rolltxt`函数的核心任务是计算停顿高度，这个高度可能与元素的CSS样式有关，例如高度、字体大小等。通过不断累加滚动距离，并利用取余运算来判断是否到达预设的停顿点。当余数为0时，表示已达到停顿高度，此时应暂停滚动；若余数不等于0，则继续滚动。
为了控制滚动的节奏，我们可以设置一个变量`settime`来记录时间。当`settime`达到一定值（例如50，这里的单位可能是毫秒）时，将其重置为0，从而让滚动继续进行。这个值可以根据实际效果调整，以达到理想的滚动速度。
此外，防止无限制的滚动是非常重要的。我们需要设定一个滚动的最大值，当滚动到列表的底部时，即当元素的滚动高度等于网页高度减去可视区域高度时，重新开始滚动。这样的设计确保了滚动始终保持在可视区域内，避免了无限滚动导致的问题。
示例中的CSS代码展示了如何布局滚动内容。例如，设置`#block2`为一个固定高度的容器，`#block2 ul`作为列表，设置`overflow:hidden`以隐藏超出容器的部分。每个列表项`li`使用浮动布局并设定宽度，使得内容能水平排列。
实现JavaScript循环停顿上下滚动涉及了浏览器兼容性处理、定时器的使用、滚动高度的计算以及滚动状态的控制等多个方面。通过理解这些关键技术点，开发者可以创建出更加流畅且可控的滚动效果，提升用户体验。
