利用JS实现随机转换颜色

最新推荐文章于 2022-08-30 19:16:50 发布

吉祥小张

最新推荐文章于 2022-08-30 19:16:50 发布

阅读量931

点赞数

文章标签： Math DOM Math.floor Math.random

本文链接：https://blog.youkuaiyun.com/weixin_45620698/article/details/100902696

版权

使用Math.random()*256设置数字在0-256之间随机出现;
使用Math.floor设置随机出现的数字为整数;
设置一个盒子,
使用Dom操作提取div;
使用JS设置样式,拼接字符串来表示rgb颜色

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="div"></div>
		<script type="text/javascript">
			
			r=Math.floor(Math.random()*256);
			g=Math.floor(Math.random()*256);
			b=Math.floor(Math.random()*256);
			var div=document.getElementById('div');
			div.style.background='rgb('+r+','+g+','+b+')';
			div.style.width=200+'px';
			div.style.height=200+'px';
		</script>
	</body>
</html>