//下面都是定义的全局资源
var con = document.getElementById(“con”);
var ii = 0; //字母数量的计数器
var color = new Array(‘#fff’,’#0f3’,’#3ff’,’#ff0’,’#f00’);
var letterArr = new Array(‘A’,’B’,’C’,’D’,’E’,’F’,’G’,’H’,’I’,’J’,’K’,’L’,’M’,’N’,’O’,’P’,’Q’,’R’,’S’,’T’,’U’,’V’,’W’,’X’,’Y’,’Z’); //定义字母数组
var mark = 0; //得分
var losemark = 0; //失分
var jiluSta = 2; //记录的状态
var run = ”; //定义定时器
//上面都是定义的全局资源
function reSize(){ //让con自动适应浏览器窗口
con.style.height = document.documentElement.clientHeight*0.8 +”px”;
}
reSize();
function begin(){ //点击开始游戏按钮后调用的函数
if(run){
clearInterval(run);
}
run = setInterval(“down()”,100);
}
function down(){ //控制字母效果的函数
if(losemark - mark == 20){
clearInterval(run);
alert(“很遗憾!游戏结束了!”);
}
if(ii<5){
var p = document.createElement(“p”); //创建p标签
p.setAttribute(“style”,”position:absolute;top:0px;left:”+Math.floor(Math.random()*con.offsetWidth)*0.9+”px;font-size:”+Math.floor(Math.random()*25+18)+”px;color:”+color[Math.floor(Math.random()*5)]); //给p标签定义样式
p.innerHTML = letterArr[Math.floor(Math.random()*26)]; //在p标签中插入字母
con.appendChild(p); //将p标签插入con中
ii++;
}
conChild = con.childNodes;
for(i=0;i
JavaScript打字游戏 01
最新推荐文章于 2023-01-28 14:13:12 发布