https://www.jb51.net/article/188734.htm
本文详细的介绍了vue实现公告栏文字上下滚动效果的示例代码,具体入如下:
1.在项目结构的components中新建text-scroll.vue文件
{{text.val}}
2.在header-bar组件使用
transition标签
这里是动态组件
问题:
1.为什么用setInterval,而不是setTimeout
setInterval是循环执行,setTimeout是延迟执行。我们这里要的是setTimeout循环执行。通过嵌套setTimeout可以实现循环,但是每次都会注册一个计时器,然后时间上也是需要等当前setTimeout执行完再延迟比如说两秒执行,实际上就不只2s。
2.什么情况下setTimeout嵌套可以解决 setInterval 解决不了的问题
当计时器是高耗时的计算或者dom操作时,时间大于延迟时间