js动态创建星星,随机生成星星

   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
}

你可能感兴趣的:(js动态创建星星,随机生成星星)