java 雷电_【我叫辰先森】教大家用js写一个雷电

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

//储存敌机

var arr1 = new Array();

//打开网页立即调用创建敌机方法；

(function diji(){

//调用敌机创建方法 每1秒创建一次敌机 7秒后停止创建；

var taskId = setInterval(addDiv,1000);

//setTimeout(function(){

//clearInterval(taskId);

//},7000);

//循环调用显示敌机下降

setInterval(function(){

arr1Tup(arr1);

},100);

})();

var dijiID = 0;

function addDiv(){

//创建一个div

var my = document.createElement("divCell");

//添加到页面

document.body.appendChild(my);

//通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看

my.style.position="absolute";

//通过样式指定x坐标

my.style.top= 0;

//通过样式指定y坐标(随机数0~700)

my.style.left= Math.round(Math.random()*700);

//通过样式指定宽度

my.style.width=83;

//通过样式指定高度

my.style.height=74;

//通过样式指定背景颜色,,若是背景图片 例为my.style.backgroundImage="url(img/diji.png)"

my.style.backgroundImage="url(img/diji.png)";

//my.style.backgroundColor="red";

//添加div的内容

my.innerHTML= '敌机'+ ++dijiID;

//设置样式透明

my.style.filter = "alpha(opacity=50)";

//设置ID

my.id = "divCell" + dijiID;

//创建好敌机然后放入数组；

arr1[dijiID + 199] = my;

}

//每次循环都把每个敌机tup值加10；

function arr1Tup(arr1){

for(i = 200;i < arr1.length;i++){

arr1[i].style.top = parseInt(arr1[i].style.top) + 10;

//每次循环判断 top值 大于 580px就删除

if(parseInt(arr1[i].style.top)>580){

deleteDiv(arr1[i].id);

}

}

}

//根据id删除div节点

function deleteDiv(id){

var my = document.getElementById(id);

//根据id查找节点，如果存在就删除节点

if (my != null){

my.parentNode.removeChild(my);

}

}

//=================================以上是敌机的产生和落到底部删除。===============================