高分求助JavaScript / DOM编程！！！
求助如何生成下面的小程序！类似打地鼠恶魔头像每1秒在绿色区域内随机出现，点击恶魔头像，图像变化一小会。提示说用setInterval(function_name(),ti...
求助如何生成下面的小程序！
类似打地鼠
恶魔头像每1秒在绿色区域内随机出现，点击恶魔头像，图像变化一小会。
提示说用setInterval(function_name(), time)定义动画元素，但我不知道如何做
不能用JS事件，要用DOM事件
谢谢能帮助我的人！感谢！
在搞GRE，没有时间做这个选修课作业了，希望能有人帮我！！谢谢！
游戏结束后可以弹出新的一个网页里面说你打中了几个 展开
类似打地鼠
恶魔头像每1秒在绿色区域内随机出现，点击恶魔头像，图像变化一小会。
提示说用setInterval(function_name(), time)定义动画元素，但我不知道如何做
不能用JS事件，要用DOM事件
谢谢能帮助我的人！感谢！
在搞GRE，没有时间做这个选修课作业了，希望能有人帮我！！谢谢！
游戏结束后可以弹出新的一个网页里面说你打中了几个 展开
2个回答
展开全部
恩，是有点麻烦，不过代码有点多，要的话，HI我，发给你
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
Storm代理
2023-07-25 广告
StormProxies是一家提供动态代理服务器服务的企业，旨在帮助用户更好地管理网络访问和安全。以下是一些关于StormProxies的IP动态代理服务的特点：1. 高匿名性：StormProxies的动态代理服务器具有高匿名性，可以有效...
点击进入详情页
本回答由Storm代理提供
展开全部
大致写了一下，你再美化一下吧（记住往根目录下放两张图片1.jpg和2.jpg）：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.c1{
background-image:url("1.jpg");
background-repeat:no-repeat;
cursor:pointer;
}
.c2{
background-image:url("2.jpg");
background-repeat:no-repeat;
}
table
{
background-color:#94C477;
}
#game
{
background-color:#94C477;
width:610px;
height:610px;
float:left;
}
</style>
<script type="text/javascript">
function game()
{
this.cs=0;//出现次数
this.num=0;//成绩
this.cs2=0;//总次数
this.ta=function()
{
var h=10;//行
var l=10;//列
var s=Math.round(Math.random()*100)+1;//1-100随机数
var id=1;//表格ID
var d="<table width=\"500\" height=\"500\" border=\"0\">";
for(var i=1; i<=h; i++)
{
d+="<tr>";
for(var j=1; j<=l; j++)
{
if(id==s)
{
d+="<td id=\""+id+"\" class='c1' onclick=\"this.className='c2',_game.succ()\"> </td>";
}
else
{
d+="<td id=\""+id+"\" class=''> </td>";
}
id++;
}
d+="</tr>";
}
d+="</table>";
document.getElementById('game').innerHTML=d;
this.cs++;
game2.innerHTML=this.cs;
if(this.cs==this.cs2)
{
alert(this.num);
return;
}
var self=this;
setTimeout(function(){self.ta();},1000);
};
this.succ=function()
{
this.num++;
};
this.rebigin=function()
{
this.cs=0;
this.num=0;
this.cs2=10;
this.ta();
};
}
var _game=new game();
function rebegin()
{
_game.rebigin();
}
</script>
</head>
<body>
<div id="game"></div><div id="game2"></div>
<input type="button" value="开始游戏" onclick="rebegin()" />
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.c1{
background-image:url("1.jpg");
background-repeat:no-repeat;
cursor:pointer;
}
.c2{
background-image:url("2.jpg");
background-repeat:no-repeat;
}
table
{
background-color:#94C477;
}
#game
{
background-color:#94C477;
width:610px;
height:610px;
float:left;
}
</style>
<script type="text/javascript">
function game()
{
this.cs=0;//出现次数
this.num=0;//成绩
this.cs2=0;//总次数
this.ta=function()
{
var h=10;//行
var l=10;//列
var s=Math.round(Math.random()*100)+1;//1-100随机数
var id=1;//表格ID
var d="<table width=\"500\" height=\"500\" border=\"0\">";
for(var i=1; i<=h; i++)
{
d+="<tr>";
for(var j=1; j<=l; j++)
{
if(id==s)
{
d+="<td id=\""+id+"\" class='c1' onclick=\"this.className='c2',_game.succ()\"> </td>";
}
else
{
d+="<td id=\""+id+"\" class=''> </td>";
}
id++;
}
d+="</tr>";
}
d+="</table>";
document.getElementById('game').innerHTML=d;
this.cs++;
game2.innerHTML=this.cs;
if(this.cs==this.cs2)
{
alert(this.num);
return;
}
var self=this;
setTimeout(function(){self.ta();},1000);
};
this.succ=function()
{
this.num++;
};
this.rebigin=function()
{
this.cs=0;
this.num=0;
this.cs2=10;
this.ta();
};
}
var _game=new game();
function rebegin()
{
_game.rebigin();
}
</script>
</head>
<body>
<div id="game"></div><div id="game2"></div>
<input type="button" value="开始游戏" onclick="rebegin()" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
