javascript - 如果使用ng实现文本向左滚动的效果？

问题描述

问 题

1.我可以用JavaScript实现文本向左滚动的效果，如何将这段代码转化为angular的形式呢？

    if(myvar){
      clearInterval(myvar);
    }

    var demo = document.getElementById("demo");
    var demo1 = document.getElementById("demo1");
    var demo2 = document.getElementById("demo2");
    demo2.innerHTML=document.getElementById("demo1").innerHTML;
    function Marquee(){
    if(demo.scrollLeft-demo2.offsetWidth>=0){
     demo.scrollLeft-=demo1.offsetWidth;
    }
    else{
     demo.scrollLeft++;
    }
    }
    var myvar=setInterval(Marquee,30);

2.以上代码可实现文本向左滚动，如何转化为ng实现呢？求大神指导一二。

解决方案

这个称为跑马灯，看在你这么好学，推荐你个吧：https://github.com/emn178/angular-marquee
这里有 Demo
希望有所帮助~ ：）

这篇关于javascript - 如果使用ng实现文本向左滚动的效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！