JavaScript增加一个随机颜色的div，并在一定时间后div自动消失

 小女新手学习中，这里将会整理和记录小女的学习笔记，如有错误的地方希望各位前辈多多指教，小女在此不甚感激，一定虚心受教。
我的邮箱：lf_radish@163.com

1 function Panel(_width, _height) {
this.width = _width;
this.height = _height;

this.randomColor = function () {
var r = parseInt(Math.random() * 255).toString(16);//转换为16进制的数
var g = parseInt(Math.random() * 255).toString(16);
var b = parseInt(Math.random() * 255).toString(16);
return "#" + r + g + b;
}
this.create = function () {
this.div = document.createElement("div");
this.div.style.width = this.width + "px";
this.div.style.height = this.height + "px";
this.div.style.backgroundColor = this.randomColor();
document.body.appendChild(this.div);
var temp = this;
setTimeout(function () {//3秒后这个div消失
document.body.removeChild(temp.div)
}, 3000);
}
}

 

<div id="demo">
<input id="Button1" type="button" value="button" onclick="javascript:new Panel(200,100).create();" />
</div>