随机动画单个字母

Question

我有一句话，我正在使用jquery刻字分隔成单个字母。

处理后的标记看起来像这样

<div id="tagline">
<p>
<span class="char1">w</span>
<span class="char2">e</span>
<span class="char3"> </span>
<span class="char4">c</span>
<span class="char5">o</span>
</p>
</div>

等等

所以我想知道如何让每个设定间隔的随机字母动画。

喜欢一秒钟之后，也许'c'渐弱渐渐消失，然后'w'就会消失等等

所有帮助表示赞赏！ 谢谢！

Answer 1

要按设定的时间间隔执行某些操作，请使用，嗯，setInterval：）

要选择随机的孩子，请使用Math.random：

var letters = tagline.children();

setInterval(function() {
     letters.eq(Math.random() * letters.length | 0).fadeOut(500).fadeIn(500); // Or something
}, 1000);

Answer 2

确保您的范围设置为 - 不透明度：0;

$('#tagline span').each(function(index) {
    $(this).delay(200*index).animate({'opacity' : '1'}, 250);
});