setInterval(function(){
game()
},50);//没50毫秒创建一个图片插入document
console.log(document.body)
function game(){
var imgwh = getRand(20,30);//随机生成20-30的数。具体看文章底部封装好的函数
var w =document.documentElement.clientWidth;//获取整个html的宽度
var h =document.documentElement.clientHeight;//获取整个html的高度
var a = getRand(0,w - imgwh);//img插入的范围
var b = getRand(0,h - imgwh);//img插入的范围
var img = document.createElement("img")
document.body.appendChild(img);
img.src="./images/1.png";//图片自行换
img.setAttribute("style","position: absolute;");
img.style.width = imgwh + 'px';
img.style.left = a+'px';
img.style.top = b+'px';
img.onclick = function(){
//this.remove();
this.parentNode.removeChild(this);//点击删除当前的图片
}
}
function getRand(min,max){
var temp = 0;
if(min > max){
temp = min;
min = max;
max = temp;
}
return parseInt(Math.random() * (max-min+1) + min); // 5-10 10.6666
}
版权声明:本文为WALTER_CHM原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。