JavaScript—改变字体颜色和大小
写一个定时器，每个一秒修改一次div内文本颜色和文字大小最开始这个文字是默认大小，大小开始增大，当增大了6次以后，文字大小开始缩小，缩小6次，文字在开始增大。首先改变字体颜色和大小.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X
·
写一个定时器，每个一秒修改一次div内文本颜色和文字大小
最开始这个文字是默认大小，大小开始增大，当增大了6次以后，
文字大小开始缩小，缩小6次，文字在开始增大。
首先
改变字体颜色和大小.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#div1{width: 400px; height: 200px; background-color: white;border: 1px solid black;margin: 20px auto;text-align: center;line-height: 200px;font-size: 18px;}
</style>
<script src="tool2.js"></script>
<script>
/*
写一个定时器，每个一秒修改一次div内文本颜色和文字大小
最开始这个文字是默认大小，大小开始增大，当增大了6次以后，
文字大小开始缩小，缩小6次，文字在开始增大。
*/
/*
颜色随机
rgba(255,255,255,1);
parseInt(Math.random() * 256)
*/
function randomColor(){
var str = "rgba(" + parseInt(Math.random() * 256) + "," + parseInt(Math.random() * 256) + "," + parseInt(Math.random() * 256) + ",1)";
return str;
}
window.onload = function(){
var oDiv = document.getElementById("div1");
var speed = 5;//每一次变化的大小
var count = 0;//计数
setInterval(function(){
oDiv.style.color = randomColor();
//将字体上一次的字体大小取出
var iCur = parseInt(getStyle(oDiv, 'fontSize'));
//变化字体大小，重复赋值回去
oDiv.style.fontSize = iCur + speed + 'px';
count++;
if(count %6 == 0){
speed *= -1;
}
}, 1000);
}
</script>
</head>
<body>
<div id = 'div1'>
div文本
</div>
</body>
</html>
tool2.js
function getStyle(node,cssStyle){
return node.currenntStyle ? node.currenntStyle[cssStyle] : getComputedStyle(node)[cssStyle];
}
效果（是动态的）
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
0
0- 0
已为社区贡献13条内容
所有评论(0)