Javascript CSS/jQuery-循环遍历随机字符
我有一个简单的HTML代码段,如下所示:Javascript CSS/jQuery-循环遍历随机字符,javascript,jquery,css,Javascript,Jquery,Css,我有一个简单的HTML代码段,如下所示: <div class="numbers"> <span>1</span> <span>3</span> <span>9</span> <span>2</span> <span>5</span> </div> 1 三 9 2 5 我试图让数字在屏幕上随机循环1-9,这样
<div class="numbers">
<span>1</span>
<span>3</span>
<span>9</span>
<span>2</span>
<span>5</span>
</div>
1
三
9
2
5
我试图让数字在屏幕上随机循环1-9,这样每个间隔都会在1-9之间消失
我计划使用Javascript/jQuery来尝试实现这一点,但在开始之前,我想看看是否可以使用CSS来实现这一点
有人有类似的例子吗?不可能只使用CSS生成随机数。您可以使用jQuery来实现它
setInterval
,random()
和loop
是您的朋友
setInterval(函数(){
$('.numbers')。查找('span')。每个(函数(索引,元素){
设rNum=“”,
num=“123456789”;
rNum=num.charAt(Math.floor(Math.random()*num.length));
$(本).text(rNum);
});
},1500)
1
三
9
2
5
你所说的随机循环和褪色是什么意思?