如何随机更改多个<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>

如果您愿意，我希望它们闪烁/闪烁，每种背景颜色都从其正常颜色状态更改为另一种颜色，我将在大约0.5到1秒钟的时间内定义然后再回到其正常颜色。 但是我希望他们都随机触发，所以它看起来不像是一种模式。只是偶尔的懒惰闪烁。就像每8-15秒一次。 我注意到\“ onload \”不适用于SPAN，所以我不确定该怎么做。     

解决方法

         获取所有

span

元素的参考。 用

style.backgroundColor

存储其原始背景色。 生成随机秒数。 以

1000

间隔使用

setInterval()

。 每个间隔减少随机秒数。为0时，更改背景色。使用新的

setTimeout()

恢复原始颜色。 生成新的随机秒数并重复。