[JS应用在HTML]简易的背景颜色变更代码

[JS应用在HTML]简易的背景颜色变更代码

var di1,di2,di3,di4,di5,di6; //预定义
function backColor(){
	//颜色选择器:begin
	var st = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];//16进制颜色中"#"号后的代码
	di1 = st[Math.floor(Math.random()*15)];
	di2 = st[Math.floor(Math.random()*15)];
	di3 = st[Math.floor(Math.random()*15)];
	di4 = st[Math.floor(Math.random()*15)];
	di5 = st[Math.floor(Math.random()*15)];
	di6 = st[Math.floor(Math.random()*15)];
	colorN = di1+di2+di3+di4+di5+di6;
	var color16 = "#"+colorN;
	//颜色选择器:end
	document.body.style.backgroundColor=color16; //操作
	//反馈:begin
	console.log(color16);
	return color16;
	//反馈:end
}

这是本文章的代码，是最易理解与应用的。

之所以在随机数片段不使用循环是因为短代码没有必要使用循环。尽管循环对于养成逻辑思维有一定的帮助并且效果一样，但是本实例的代码讲究的是实用性而不是美观（短代码不使用循环也很难影响美观）。