每秒改变字体的大小的颜色

要求利用定时器每一秒改变字体的颜色大小(字体大小由小到大,由大到小)
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)
    }

//源码如下:

Document
文字大小变化
**效果如下:**
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值