html代码⿏的故事游戏，分享⼀个html+js实现打地⿏游戏的实
例代码
本⽂主要分享了js实现打地⿏⼩游戏的⽰例代码。具有很好的参考价值，下⾯跟着⼩编⼀起来看下吧
实现特效的代码js话不多说，请看代码：
打地⿏
#content {
width:960px;
margin:0 auto;
text-align:center;
margin-top:40px;
}
#form1 {
margin:20px 0;
}
table {
margin:0 auto;
}
td {
width:95px;
height:95px;
background:#00ff33;
}
var td = new Array(), //保存每个格⼦的地⿏
playing = false, //游戏是否开始
score = 0, //分数
beat = 0, //⿏标点击次数
success = 0, //命中率
knock = 0, //⿏标点中⽼⿏图⽚的次数
countDown = 30, //倒计时
interId = null, //指定 setInterval()的变量
timeId = null; //指定 setTimeout()的变量
//游戏结束
function GameOver(){
timeStop();
playing = false;
clearMouse();
alert("游戏结束！\n 你获得的分数为："+score+"\n 命中率为："+success);
success = 0;
score = 0;
knock = 0;
beat = 0;
countDown = 30;
}
/
/显⽰当前倒计时所剩时间
function timeShow(){
ime.value = countDown;
if(countDown == 0){
GameOver();
return;
}else{
countDown = countDown-1;
timeId = setTimeout("timeShow()",1000);
}
}
/
/主动停⽌所有计时
function timeStop() {
clearInterval(interId);
clearTimeout(timeId);
}
//随机循环显⽰⽼⿏图⽚
function show(){
if(playing){
var current = Math.floor(Math.random()*25);
}
//清除所有⽼⿏图⽚
function clearMouse(){
for(var i=0;i<25;i++){
}
}
//点击事件函数，判断是否点中⽼⿏
function hit(id){
if(playing == false){
alert("请点击开始游戏!");
return;
}else{
beat += 1;
ElementById("td["+id+"]").innerHTML != ""){ score += 1;
knock += 1;
success = knock/beat;
document.form1.success.value = success;
document.form1.score.value = score;
}else{
score += -1;
success = knock/beat;
document.form1.success.value = success;
document.form1.score.value = score;
}
}
}
//游戏开始
function GameStart(){
playing = true;
interId = setInterval("show()",1000);
document.form1.score.value = score;
document.form1.success.value = success;
timeShow();
}
分数：
命中率：
倒计时：
流程设计：点击“开始游戏”按钮游戏开始，否则将提⽰“请点击开始游戏”字样分数、命中率显⽰重置为“0”，倒计时开始(默认为30秒)
⽼⿏图⽚不断显⽰、隐藏，玩家可点击⿏标左键进⾏游戏
当30秒倒计时结束或者玩家主动点击“结束按钮”时，游戏结束并显⽰游戏结果【相关推荐】
1. 免费html在线视频教程
2. html开发⼿册
3. php原创html5视频教程

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。