Vue实现简单跑马灯特效

本文实例为大家分享了Vue实现简单跑马灯特效的具体代码,供大家参考,具体内容如下

效果:

点击按钮让文字动起来,点击停止按钮让文字停止

知识点:

  • substring(字符串截取)
  • setInterval定时器(控制文字移动速度)
  • clearInterval清除定时器(控制文字停止)

代码展示:



    
        
        
        
        
    
    
        
            

{{text}}


                                     
             

效果:

Vue实现简单跑马灯特效_第1张图片

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(Vue实现简单跑马灯特效)