Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.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
我怎样才能在jquery中大量随机更改div?_Jquery_Setinterval_Opacity - Fatal编程技术网

我怎样才能在jquery中大量随机更改div?

我怎样才能在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; } $('.

下面是一个JSFIDLE:

基本上我有一个闪烁的div,因为当生成一个随机数时,不透明度设置为<0.5然后->0,否则=1.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是的,你是对的。。在这种情况下,三元运算符是正确的选择