使用setInterval不停地调用函数,使用jquery选择器改变颜色,使用js数组装载颜色
代码如下:
<body>
<p id="controlColor">hello kitty</p>
<button οnclick="stop()">停止改变颜色</button>
</body>
<script type="text/javascript">
var colors = ["red","green","blue"];
var a = 0;
var f = setInterval("changeColor(a)",1000);
function changeColor(i) {
$("#controlColor").css("color",colors[i]);
if(a == colors.length - 1){
a = 0;
}else{
a++;
}
}
function stop(){
clearInterval(f);
}
</script>