如何隨機更改多個<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？

回答

相關問題