添加动画以更改文本间隔

Question

我创建了以下脚本来更改范围上的文本：

var texts = ["1", "2", "3", "4", "5", "6"];
    var count = 0;
    function changeText() {
        $("#example").text(texts[count]);
        count < 5 ? count++ : count = 0;
    }
    setInterval(changeText, 900);

number: <br /><span style="color:orange" id="example">1</span> 

有没有办法在文本更改时添加动画？

Answer 1

我刚刚添加了一种可以添加动画的方法。 使用Jquery的hide和show方法，效果速度为800毫秒

＆＃13;

＆＃13;

var texts = ["1", "2", "3", "4", "5", "6"];
    var count = 0;
    function changeText() {
        $("#example").hide()
       .text(texts[count])
       .show(800);
        
        count < 5 ? count++ : count = 0;
    }
    setInterval(changeText, 900);

 

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
number: <br /><span style="color:orange" id="example">1</span>

＆＃13;

＆＃13;

＆＃13;