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

② 获取标签的文本内容
③ 截取文本内容的第一个字
④ 截取文本内容第一个字后面的所有内容
⑤ 把第③步截取的第一个字拼接到第④步截取的文本内容后面
⑥ 将第⑤步拼接后的字符串写入到第①步的标签中

代码实现:

纯js实现跑马灯效果
欢迎访问扬帆向海的博客!!! 欢迎访问扬帆向海的博客!!!

动起来

停下来

测试效果:

注意:

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

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

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

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

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

代码实现:

Document
经验分享 程序员 微信小程序 职场和发展