新建一个文件夹,里面包含一张名为star的png格式的图片。
首先将body的背景设置成黑色
body style="background:#000";
定义一个生成随机数的函数
<script>
function rand(min,max){
time=Math.random()*(min+max)+min;
}
定义一个计时器,每隔一秒则添加一个img元素
setInterval(function(){
创建img元素标签
var img=document.createElement("img");
添加图片
img.setAttribute("src","star.png");
设置图片宽度
img.setAttribute("width",rand(30,100));
设置图片的位置
img.setAttribute("style","position:absolute;left:"+rand(50,500)+"px;top:rand(50,500)"+"px");
将元素标签追加到body中
document.body.appChild(img);
获取body中的元素
var star=document.getElementByTagName("img");
循环遍历页面中的元素
for(var i=0;i<=img.length;i++){
点击哪个元素也将该元素从页面中删除
img[i].onclick=function(){
document.body.removeChild(this);
}
}
},1000)
</script>