Jquery 随机设置单个字母的动画

Jquery 随机设置单个字母的动画,jquery,random,jquery-animate,Jquery,Random,Jquery Animate,我有一句话,我用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=

我有一句话,我用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>


W
E
C
o

等等

所以我想知道如何让一封随机的信在每一个设定的时间间隔内都被激活

比如一秒钟后,也许“c”会淡出或淡入,然后“w”会淡出或淡入,等等

感谢大家的帮助!
谢谢

要按设定的时间间隔做某事,请使用,嗯,
setInterval
:)

要随机选取子对象,请使用
Math.random

var letters = tagline.children();

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

确保跨度el设置为-opacity:0

$('#tagline span').each(function(index) {
    $(this).delay(200*index).animate({'opacity' : '1'}, 250);
});
好的,我添加了var tagline=$(“#tagline p”);在它上面。它仍然不起作用。我是不是错过了什么?对不起,我不太喜欢你code@JesperOng例如你能做一个能说明问题的例子吗?