逐字动画css3或jquery [重复]

Question

我有一个内容，它必须显示在一个网页中，并带有一些动画，比如我们说话时应该一个一个地显示单词。是否可以使用 jquery 或 css3 来做到这一点？

Answer 1

是的，这是可能的。不过，这可能取决于您说话的速度。你可以很容易地编写一些带有速度参数的基本 jQuery，它会在间隔上显示单词。

这是我写的一个快速的 jsfiddle，它正是这样做的。 http://jsfiddle.net/jquery4u/u4ENg/

$(document).ready(function () {
    var $el = $('div'),
        text = $el.text(),
        speed = 1000; //ms

    $el.empty();

    var wordArray = text.split(' '),
        i = 0;

    INV = setInterval(function () {
        if (i >= wordArray.length - 1) {
            clearInterval(INV);
        }
        $el.append(wordArray[i] + ' ');
        i++;
    }, speed);
});

有一个非常好的typewriter jQuery plugin，它就像打字机一样可能有用。