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

  • Post author:
  • Post category:其他


   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 版权协议,转载请附上原文出处链接和本声明。