js字体颜色和大小在可规定时间周期里随机进行变换

胖羊驼

于 2022-03-15 17:24:54 发布

阅读量610

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_44853798/article/details/123507575

版权

js源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大小颜色可以变换</title>
</head>
<style>
    #show{
        color: yellow;
    }
</style>
<body>
<div id="show">这是一个艺术字</div>
    <script>
        var colorSet=document.getElementById("show");
        function setColor() {
            var num1 = parseInt(Math.random()*256);
            var num2 = parseInt(Math.random()*256);
            var num3 = parseInt(Math.random()*256);
            var num4=parseInt(Math.random()*100);
            if (num4==0){
                num4=5;
            }
            var rgb = 'rgb' + '(' + num1 + ',' + num2 + ',' + num3 + ')';
            colorSet.style.color= rgb;
            var size=num4+"px";
            colorSet.style.fontSize=size;
        }
        setInterval(function () {
            setColor()
        },500);
    </script>
</body>
</html>

结果如下图所示：
在这里插入图片描述

胖羊驼

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
js字体颜色和大小在可规定时间周期里随机进行变换

js源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>大小颜色可以变换</title></head><style> #show{ color: yellow; }</style><body><div id="show">这是一
复制链接

扫一扫