Question

html中 文字闪烁效果代码详解

<div id="blink">文字</div>
<script language="javascript">
function changeColor(){
var color="yellow|green|blue|gray|pink";
color=color.split("|");
document.getElementById("blink").style.color=color[parseInt

(Math.random() * color.length)];
}
setInterval("changeColor()",200);
</script> 解释 一个一个解释

Answer 1

<div id="blink">文字</div> //●这一行是肉眼可见的div对象(★名字叫blink★)，在浏览器中显示2个汉字

<script language="javascript"> //这一组<script......./script>是java程序，后台运行的
function changeColor()//这里{.......}花括号定义了一个名叫changeColor变色的函数
{
var color="yellow|green|blue|gray|pink"; //在内存变量color里定义5种颜色
color=color.split("|"); //定义数组5个元素分别放置5种颜色
//下面这一行是把名★叫blink的对象★的color属性随机改成5种颜色的一种
document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)];
}

setInterval("changeColor()",200); //●设置一个定时器，每200毫秒调用一次变色函数
</script>

程序运行顺序是●●

Answer 2

<div id="blink">文字</div>
<script language="javascript">
function changeColor(){
var color="yellow|green|blue|gray|pink"; //定义颜色
color=color.split("|"); //才分成数组
document.getElementById("blink").style.color=color[parseInt

(Math.random() * color.length)];
//Math.random() 生成随机数，范围在0-1（大于等于0.0小于1.0），parseInt()强制转换成整数，color[]根据数组的索引获取值
}
setInterval("changeColor()",200); //设置定时器，每隔200毫秒执行一次changeColor方法</script>