JS Math.radom()随机变换

//随机变换元素背景色

//Math.random() * (大 - 小) +  小
function color () {
	   			var r = parseInt(Math.random() * 256);
	   			var g = parseInt(Math.random() * 256);
	   			var b = parseInt(Math.random() * 256);
	   			return 'rgb(' + r + ',' + g + ',' + b + ')'; 
	   			}
	   			setInterval('changColor.style.background = color()',100);
	   			
	   		//随机变换元素内容,边框色,和字色	
	   			 <div id="changColor" style="width: 300px; height: 300px; border-radius: 50%; margin: 300px auto;font-size:30px;line-height:300px;text-align:center;border:3px #ccc solid;">爱你哦
	   </div>

	   <script type="text/javascript">
	   			var names =['赵小倩', '张钺涵', '张钺瞾', '张钺坤','张龙','火云邪神'];
	   			var colors = ['black','skyblue','blue','red'];
	   			changColor.childNodes[0].nodeValue = names[0];
	   			function changeCont () {
	   				var i = parseInt(Math.random() * names.length);
	   			changColor.childNodes[0].nodeValue = names[i];
	   			// 来点颜色瞧瞧
	   			let r = parseInt(Math.random() * 256);
	   			let g = parseInt(Math.random() * 256);
	   			let b = parseInt(Math.random() * 256);
	   			return 'rgb(' + r + ',' + g + ',' + b + ')'; 
	   			}
	   			setInterval('changColor.style.color = changeCont()',200);
	   			setInterval('changColor.style.borderColor = changeCont()',500);
	   </script>
复制代码
相关文章
相关标签/搜索