分别用Js和vue实现跑马灯效果

② 获取标签的文本内容

③ 截取文本内容的第一个字

④ 截取文本内容第一个字后面的所有内容

⑤ 把第③步截取的第一个字拼接到第④步截取的文本内容后面

⑥ 将第⑤步拼接后的字符串写入到第①步的标签中

代码实现：

欢迎访问扬帆向海的博客!!!

动起来

停下来

测试效果：

注意：

① setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout()方法接收两个参数，第一个参数是将要推迟执行的函数名或者一段代码，第二个参数是推迟执行的毫秒数。

在上面的跑马灯效果中，当打开页面的时候，等待两秒钟，它会自动调用start方法，实现动起来的效果。

② setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

[](()二、使用vue实现

代码实现：