要求利用定时器每一秒改变字体的颜色大小(字体大小由小到大,由大到小)
1、准备函数
//随机颜色生成函数
function rgbchange(){
parseInt(Math.random()*256);
//获取随机的颜色,传回字符串。rgba(255,255,255,1)中的255用字符串替代,用“+”连接起来(不明白)
var str=“rgba(”+parseInt(Math.random()*256)+","+parseInt(Math.random()256)+","+parseInt(Math.random()256)+",1)" ;
return str;
}
//获取节点的属性值
function getStyle(node,cssStyle){
return node.currentStyle ? node.currentStyle[cssStyle]:getComputedStyle(node)[cssStyle];
/如果浏览器支持node.currentStyle[cssStyle],则获取属性,如果不支持,则使用getComputedStyle(node)[cssStyle]获取属性/
}
//定时函数
window.οnlοad=function(){
var oDiv=document.getElementById(“div1”);
var count=0; //定时器运行次数
var speed=5; //字体每一次变化值
setInterval(
function(){
oDiv.style.color=rgbchange(); //每1000ms字体颜色改变一次
var iCur=parseInt(getStyle(oDiv,“fontSize”)); //获取上一次字体大小。取整数,例如:parseInt(1speed6px)=16
oDiv.style.fontSize=iCur+speed+“px”; //每1000ms字体大小改变一次(speed),注意设置为字符串
count++;//定时器没=每运行一次,加1
if(count%6==0){ //如果运行次数为6,speed-1
speed=speed(-1);
}
}
,1000)
}
//源码如下: