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);
}
}
//=================================以上是敵機的產生和落到底部刪除。===============================
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的java 雷电_【我叫辰先森】教大家用js写一个雷电的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 支付宝转账记录怎么删除
- 下一篇: java 转发上传文件_Java 发送h