jquery - 逐字动画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);
});

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