java 雷电_【我叫辰先森】教大家用js写一个雷电
該樓層疑似違規(guī)已被系統(tǒng)折疊?隱藏此樓查看此樓
//儲(chǔ)存敵機(jī)
var arr1 = new Array();
//打開網(wǎng)頁立即調(diào)用創(chuàng)建敵機(jī)方法;
(function diji(){
//調(diào)用敵機(jī)創(chuàng)建方法 每1秒創(chuàng)建一次敵機(jī) 7秒后停止創(chuàng)建;
var taskId = setInterval(addDiv,1000);
//setTimeout(function(){
//clearInterval(taskId);
//},7000);
//循環(huán)調(diào)用顯示敵機(jī)下降
setInterval(function(){
arr1Tup(arr1);
},100);
})();
var dijiID = 0;
function addDiv(){
//創(chuàng)建一個(gè)div
var my = document.createElement("divCell");
//添加到頁面
document.body.appendChild(my);
//通過樣式指定該div的位置方式,若是想要自己設(shè)置div的位置,這句話必須有,把它注釋掉你就可以知道效果拉~試試看
my.style.position="absolute";
//通過樣式指定x坐標(biāo)
my.style.top= 0;
//通過樣式指定y坐標(biāo)(隨機(jī)數(shù)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的內(nèi)容
my.innerHTML= '敵機(jī)'+ ++dijiID;
//設(shè)置樣式透明
my.style.filter = "alpha(opacity=50)";
//設(shè)置ID
my.id = "divCell" + dijiID;
//創(chuàng)建好敵機(jī)然后放入數(shù)組;
arr1[dijiID + 199] = my;
}
//每次循環(huán)都把每個(gè)敵機(jī)tup值加10;
function arr1Tup(arr1){
for(i = 200;i < arr1.length;i++){
arr1[i].style.top = parseInt(arr1[i].style.top) + 10;
//每次循環(huán)判斷 top值 大于 580px就刪除
if(parseInt(arr1[i].style.top)>580){
deleteDiv(arr1[i].id);
}
}
}
//根據(jù)id刪除div節(jié)點(diǎn)
function deleteDiv(id){
var my = document.getElementById(id);
//根據(jù)id查找節(jié)點(diǎn),如果存在就刪除節(jié)點(diǎn)
if (my != null){
my.parentNode.removeChild(my);
}
}
//=================================以上是敵機(jī)的產(chǎn)生和落到底部刪除。===============================
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的java 雷电_【我叫辰先森】教大家用js写一个雷电的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 支付宝转账记录怎么删除
- 下一篇: java 转发上传文件_Java 发送h