Jquery 如何为动态生成的div添加闪烁效果

我需要在下面的链接中给动态生成的div添加默认的自发闪烁效果（不点击div）

演示：

函数get\u random\u color（）{ 变量字母='0123456789ABCDEF'。拆分（''）； var color='#'； 对于（变量i=0；i<6；i++）{ 颜色+=字母[Math.round（Math.random（）*15）]； } 返回颜色； } 变量列=40， 容器=$（“#容器”）， 宽度=（100/列）； $（“head”）.append（“.col{width:+width+”%；}.row{height:+width+“%}”）； 对于（var ii=0；ii<列；ii++）{ 变量$row=$（“”{ 类别：“行” }); container.append（$row）； 对于（变量i=0；i

#容器{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}
上校{
显示：内联块；
外形：1px纯紫色；
溢出：隐藏；
身高：100%；
}

---

您可以通过

eq（）

随机选择您的

.col

div，并通过添加闪烁效果，例如

fadeIn

和

fadeOut

功能来实现

添加此功能：

function blink(){
    $('.col').eq(Math.round(Math.random() * (40 * 40)))
    .fadeOut('fast')
    .fadeIn('fast');
}

然后调用

setInterval中的
blink
函数（blink，100）以开始效果


下面是示例片段：
函数get\u random\u color（）{
变量字母='0123456789ABCDEF'。拆分（''）；
var color='#'；
对于（变量i=0；i<6；i++）{
颜色+=字母[Math.round（Math.random（）*15）]；
}
返回颜色；
}
函数blink（）{
$（'.col'）.eq（Math.round（Math.random（）*（40*40）））
.fadeOut（“快速”）
.fadeIn（“快速”）；
}
变量列=40，
容器=$（“#容器”），
宽度=（100/列）；
$（“head”）.append（“.col{width:+width+”%；}.row{height:+width+“%}”）；
对于（var ii=0；ii<列；ii++）{
变量$row=$（“”{
类别：“行”
});
container.append（$row）；
对于（变量i=0；i
#容器{
位置：绝对位置；
顶部：0；右侧：0；底部：0；左侧：0；
}
col{
显示：内联块；
外形：1px纯紫色；
溢出：隐藏；
身高：100%；
}
我不知道它是否会影响任何其他功能，但它确实有效

<div id='blink_me'>Text You want to blink goes here...!</div>


    <script type='text/javascript'>
     $(document).ready(function(){
     hideMe();
     });


    function showMe(){
       $('#blink_me').fadeIn(700);
       hideMe();
    }


    function hideMe(){
      $('#blink_me').fadeOut(700);
      showMe();
    }
   </script>

要闪烁的文本将显示在此处。。。！
<script type='text/javascript'>
 $(document).ready(function(){
 blinkMe();
 });


function blinkMe(){
   $('#blink_me').fadeOut(700).fadeIn(700);
   setTimeout(blinkMe,100);// or blinkMe();
}

$（文档）.ready（函数（）{
hideMe（）；
});
函数showMe（）{
$（'blink#me'）。法登（700）；
hideMe（）；
}
函数hideMe（）{
$（'blink_me'）。淡出（700）；
showMe（）；
}
要闪烁的文本显示在此处。。。！
<script type='text/javascript'>
 $(document).ready(function(){
 blinkMe();
 });


function blinkMe(){
   $('#blink_me').fadeOut(700).fadeIn(700);
   setTimeout(blinkMe,100);// or blinkMe();
}


$（文档）.ready（函数（）{
眨眼我（）；
});
函数blinkMe（）{
$（'blink_me'）。淡出（700）。淡出（700）；
setTimeout（blinkMe，100）；//或blinkMe（）；
}

您需要每个div单独闪烁吗？：|是的，我需要让每个div单独闪烁。这太棒了，+1。