如何用JavaScript编写长尾词形式的跑马灯效果？

本文共计714个文字，预计阅读时间需要3分钟。

原文示例为：本文字例为大家分享了js实现文字跑马灯效果的完整代码，供大家参考。具体内容如下+思路：1.判断文字的长度和容器的长度，如果文字长度大于容器长度，则开始滚动，否则不滚动。

改写后的内容：分享js实现文字跑马灯效果的代码示例，供大家参考。具体内容与思路：1.比较文字长度与容器长度，若文字长于容器，则启动滚动；若不满足条件，则不滚动。

本文实例为大家分享了js实现文字跑马灯效果的具体代码，供大家参考，具体内容如下

思路：

1.判断文字的长度和容器的长度，如果文字长度大于容器长度，则开始滚动，否则不滚动。

2.获取滚动条到元素左边的距离,递归滚动,直到滚动后的距离等于文字的长度退出递归。

判断文字和容器的长度可以通过offsetWidth来判断。如果文字长度大于容器长度，则开始滚动。