我怎样才能在jquery中大量随机更改div?
下面是一个JSFIDLE: 基本上我有一个闪烁的div,因为当生成一个随机数时,不透明度设置为<0.5然后->0,否则=1.0。 我如何使用以下内容:我怎样才能在jquery中大量随机更改div?,jquery,setinterval,opacity,Jquery,Setinterval,Opacity,下面是一个JSFIDLE: 基本上我有一个闪烁的div,因为当生成一个随机数时,不透明度设置为0,否则=1.0。 我如何使用以下内容: var opacity = 0; var myVar = setInterval(function () { opacity = Math.random(); if (opacity > 0.5) { opacity = 1; } else { opacity = 0; } $('.
var opacity = 0;
var myVar = setInterval(function () {
opacity = Math.random();
if (opacity > 0.5) {
opacity = 1;
} else {
opacity = 0;
}
$('.point1').css('opacity', opacity);
}, 50);
但是在一百个div上,每一个div都是完全不同的随机值(这意味着它们不会被相同的二进制不透明性捆绑在一起)
谢谢 您可以使用来迭代每个.point1
元素,然后将不透明度
分别应用于每个元素:
$('.point').each(function() {
$(this).css({ opacity: Math.random() > 0.5 ? 1 : 0 });
});
代码片段
$('.point')。每个(函数(){
$(this.css({opacity:Math.random()>0.5?1:0});
});代码>
@导入url(http://fonts.googleapis.com/css?family=Roboto+浓缩:400300 |机器人:400300100500 |舞蹈+脚本:400700);
.点{
宽度:10px;
高度:10px;
背景色:黑色;
边界半径:5px;
边际:0px;
显示:内联块;
}
您可以使用来迭代每个.point1
元素,然后将不透明度
分别应用于每个元素:
$('.point').each(function() {
$(this).css({ opacity: Math.random() > 0.5 ? 1 : 0 });
});
代码片段
$('.point')。每个(函数(){
$(this.css({opacity:Math.random()>0.5?1:0});
});代码>
@导入url(http://fonts.googleapis.com/css?family=Roboto+浓缩:400300 |机器人:400300100500 |舞蹈+脚本:400700);
.点{
宽度:10px;
高度:10px;
背景色:黑色;
边界半径:5px;
边际:0px;
显示:内联块;
}
您可以使用.each()遍历一组元素,如
$('.point')。每个(函数(){
var$this=$(this);
var myVar=setInterval(函数(){
$this.css('opacity',Math.round(Math.random());
}, 50);
})
@导入url(http://fonts.googleapis.com/css?family=Roboto+浓缩:400300 |机器人:400300100500 |舞蹈+脚本:400700);
.点{
宽度:10px;
高度:10px;
背景色:黑色;
边界半径:5px;
边际:0px;
显示:内联块;
}
您可以使用.each()遍历一组元素,如
$('.point')。每个(函数(){
var$this=$(this);
var myVar=setInterval(函数(){
$this.css('opacity',Math.round(Math.random());
}, 50);
})
@导入url(http://fonts.googleapis.com/css?family=Roboto+浓缩:400300 |机器人:400300100500 |舞蹈+脚本:400700);
.点{
宽度:10px;
高度:10px;
背景色:黑色;
边界半径:5px;
边际:0px;
显示:内联块;
}
为什么要使用setInterval
。我希望他们总是在变化,我明白了。在这种情况下,对于我的答案,您应该简单地将整个each()
循环包装在您已经使用的setInterval
中。您接受的Arun的答案相当重,因为它为迭代的每个元素创建了一个单独的循环——这太愚蠢了!为什么要使用setInterval
?来实现此效果。我希望他们总是在变化,我明白了。在这种情况下,对于我的答案,您应该简单地将整个each()
循环包装在您已经使用的setInterval
中。您接受的Arun的答案相当重,因为它为迭代的每个元素创建了一个单独的循环——这太愚蠢了!啊,谢谢!!你的代码也解释得很好。非常感谢。:)<代码>数学。四舍五入(0.5)
将变为1
。根据问题中给出的代码,OP希望0.5
向下舍入为0
<代码>如果(不透明度>0.5)不透明度=1代码>@JamesDonnelly是的,你是对的。。在这种情况下,三元运算符是正确的选择!谢谢!你的代码也解释得很好。非常感谢。:)<代码>数学。四舍五入(0.5)
将变为1
。根据问题中给出的代码,OP希望0.5
向下舍入为0
<代码>如果(不透明度>0.5)不透明度=1代码>@JamesDonnelly是的,你是对的。。在这种情况下,三元运算符是正确的选择