JavaScript打字游戏 01

//下面都是定义的全局资源
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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值