借助JavaScript中的时间函数改变Html中Table边框的颜色

时间:2024-01-20 14:42:00

借助JavaScript中的时间函数改变Html中Table边框的颜色

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>霓虹灯效果的边框</title>
<script language="javascript">
    var i=0;
    var Color= new Array("#0000FF","#99FF00","#660033","#CC66CC","#FFFF33");//定义颜色值的数组
    function change(){
        if (i>Color.length-1)
            i=0;                            //如果i的值大于数组的元素数,则将i的值改为0
        table1.style.borderColor=Color[i];    //改变表格边框颜色
        i+=1;
        setTimeout("change()",1000);                //每隔1000毫秒调用一次该方法
    }
</script>
</head>
<body onload="change()">
<table id="table1" border=5>
    <tr>
        <td align=center><strong>边框的颜色会变化</strong></td>
    </tr>
    <tr>
        <td align=center><pre>霓虹灯效果</pre></td>
    </tr>
</table>
</body>
</html>

借助JavaScript中的时间函数改变Html中Table边框的颜色

-----------------------

--------------------------------------