vue项目中实现公告向左移动，鼠标悬停静止

在vue项目中如何实现消息公告逐渐向左移动效果。

---

代码如下（示例）：

	var demo = document.getElementById("demo");
    var num = 0;
    this.myTime = setInterval(function() {
    
    
        num--;
        demo.style.marginLeft = num + "px";
        if (num <= -800) {
    
    
            num = 0;
        }
    }, 50);
    demo.addEventListener("mouseover", function() {
    
    
        clearInterval(myTime);
    });
    demo.addEventListener("mouseout", function() {
    
    
        myTime = setInterval(function() {
    
    
            num--;
            demo.style.marginLeft = num + "px";
            if (num <= -total) {
    
    
                num = 0;
            }
        }, 50);
    })