如何随机更改多个<SPAN>的backgroundColor？

所以我有多个时间段是这样的：如何随机更改多个<SPAN>的backgroundColor？

<span unselectable="on" 
    onmouseover="this.style.backgroundColor='#ffcc99';" 
    onmouseout="this.style.backgroundColor='#a8c0f0';" 
    onclick="javascript stuff" 
    style="-webkit-user-select:none; 
     -moz-user-select:none; 
     display: inline-block; 
     cursor: pointer; 
     font-family: arial; 
     background: #a8c0f0; 
     padding-top:9px; 
     padding-bottom:9px; 
     padding-right:9px; 
     padding-left:9px;"> 
    My Span 
</span>

我希望他们闪烁/闪烁，如果你将与来自正常颜色状态到另一种颜色的每个改变背景颜色，我会定义只是.5到1秒，然后回到正常的颜色。

但我希望他们都随机发射，所以它看起来不像一个模式。只是偶尔懒洋洋的闪烁。每8-15秒钟一次。

我注意到“onload”不能与SPAN一起工作，所以我不知道该怎么做。

来源

2011-05-31 Dave

说我有40个跨度我想闪烁。我希望每个人都随机开始闪烁。闪烁持续时间将是固定的（例如800ms）。但是每个固定闪烁（在这里讲一个单一的范围）之间的间隔在8到20秒之间是随机的。这样他们并不都是在同一时间。也不是一种模式。 – Dave 2011-05-31 01:10:51

获取对所有span元素的引用。
将其原始背景颜色存储为style.backgroundColor。
生成一个随机秒数。
使用setInterval()与1000区间。
每个间隔，减少随机秒数。当它为0时，更改背景颜色。使用新的setTimeout()恢复原始颜色。
生成一个新的随机秒数并重复。

来源

2011-05-31 01:03:13 alex

一些不错的食物。尝试不同的东西。 – Dave 2011-06-05 01:51:25

如何随机更改多个<SPAN>的backgroundColor？

回答

相关问题