Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS/jQuery-循环遍历随机字符_Javascript_Jquery_Css - Fatal编程技术网

Javascript CSS/jQuery-循环遍历随机字符

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,这样

我有一个简单的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,这样每个间隔都会在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

你所说的随机循环和褪色是什么意思?