JavaScript 練手的小案例：閃爍文字

<div id="box">
    Hello world~!
</div>
<script>
    const colors = "#00FF00|#FF1166|#FF2200|#003377|#FF4400|#FF5511|#FF6600|#2277aa";
    let colorsArr = colors.split("|");
    let colorsLen = colorsArr.length;
    let box = document.getElementById("box");
    setInterval(function(){
        let randNum = Math.floor( colorsLen*Math.random() );
        box.style.color = colorsArr[randNum];
    },100);
</script>

用到的知識點：

1. 常量定義。顏色值不會變，就定義成常量。

2. 字符串和數組的轉換。  str.split("|")   

3. 隨機數：

Math.random()    0 -1  的隨機小數，不含 0 ，1 ；

Math.random()* N     0-N 之間的隨機數，包含小數部分，不含 0， N；

Math.floor(  Math.random()* N   )   0 到 N - 1 之間的整數，包含 0 ，N-1，不含 N

4. 計時器： setInterval

5. JS 直接更改標籤樣式 :   box.style.樣式