js改变文本字体大小及颜色，先放大后缩小，10次循环

来源：互联网发布：java分布式开发框架编辑：程序博客网时间：2024/05/21 22:33

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>文字变化</title>
   <script type="text/javascript">
       onload = function(){
           var oBox = document.getElementsByTagName('div')[0];
           var num = 0;//计数
           var size = 1;//控制字体改变大小
           var temp = null;
           oBox.style.fontSize = '20px';
           temp = setInterval(function(){
               //随机颜色
               var num1 = parseInt(Math.random()*256);
               var num2 = parseInt(Math.random()*256);
               var num3 = parseInt(Math.random()*256);
               var rgb = 'rgb' + '(' + num1 + ',' + num2 + ',' + num3 + ')';
               oBox.style.color = rgb;
               //改变字体大小
               oBox.style.fontSize = parseInt(oBox.style.fontSize) + size + 'px';
               num++;
               //变化10次后又变小循环变化
               if( num%10 == 0 ){
                   size = size * (-1);
               }
           },1000)
       }
   </script>
</head>
<body>
   <div>变化变化变化</div>
</body>
</html>

0 0