Javascript 在setInterval()之后,单击函数将不起作用…变量不再递增
代码在大部分情况下都有效 每当间隔设置为刷新游戏卡时,onclick函数不再工作,变量也不再递增 我错过了什么 您可以使用setInterval()注释掉该行,以查看所需的结果。它应该每秒刷新一次,保持可变分数,并在有人单击图像时递增。谢谢Javascript 在setInterval()之后,单击函数将不起作用…变量不再递增,javascript,jquery,Javascript,Jquery,代码在大部分情况下都有效 每当间隔设置为刷新游戏卡时,onclick函数不再工作,变量也不再递增 我错过了什么 您可以使用setInterval()注释掉该行,以查看所需的结果。它应该每秒刷新一次,保持可变分数,并在有人单击图像时递增。谢谢 //var btn=document.getElementById('btn'); //btn.addEventListener('click',UpdateTable); //设置最大长度和宽度 var-maxWidth=4; var maxLength
//var btn=document.getElementById('btn');
//btn.addEventListener('click',UpdateTable);
//设置最大长度和宽度
var-maxWidth=4;
var maxLength=6;
//返回一个随机数
函数CreateRandom(){
返回Math.floor(Math.random()*2+1);
}
//函数创建图像
函数CreateGopher(){
var randomNumber=CreateRandom();
var image=“Sup”;
如果(随机数==1){
image=“”;
}else if(randomNumber==2){
image=“”;
}
返回图像;
}
//创建表
函数UpdateTable(){
//迭代每个单元格并设置一个随机数
对于(变量i=0;i
欢迎
//
算出了
需要打开JQUERY。在实际的主函数中单击goodies,这是我一开始没有的,其他函数嵌套在其中
<!--
To change this template use Tools | Templates.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Gopher Broke</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<style>
#gameCard td{
padding:0; margin:0;
}
#gameCard {
border-collapse: collapse;
cursor:url(finger2.png), pointer;
}
</style>
</head>
<body>
<center>
<div id="container">
<div id="header">
<h1>GOPHER BROKE</h1>
<center>You have 15 seconds to stop as many gophers as possible!</center>
<div id="scoreOut">Score:</div>
<FORM>
<INPUT TYPE="button" onClick="history.go(0)" VALUE="Refresh">
</FORM>
</div>
<div id="content">
<table id="gameCard">
<tbody>
<tr>
<td id="cell00"> </td>
<td id="cell01"> </td>
<td id="cell02"> </td>
<td id="cell03"> </td>
</tr>
<tr>
<td id="cell10"> </td>
<td id="cell11"> </td>
<td id="cell12"> </td>
<td id="cell13"> </td>
</tr>
<tr>
<td id="cell20"> </td>
<td id="cell21"> </td>
<td id="cell22"> </td>
<td id="cell23"> </td>
</tr>
<tr>
<td id="cell30"> </td>
<td id="cell31"> </td>
<td id="cell32"> </td>
<td id="cell33"> </td>
</tr>
<tr>
<td id="cell40"> </td>
<td id="cell41"> </td>
<td id="cell42"> </td>
<td id="cell43"> </td>
</tr>
<tr>
<td id="cell50"> </td>
<td id="cell51"> </td>
<td id="cell52"> </td>
<td id="cell53"> </td>
</tr>
</tbody>
</table>
</div>
</div>
<br>
<!--<input id="btn" type="button" value="Play The Game!!" />-->
</center>
<script>
var score = 0;
function game(){
// var btn = document.getElementById('btn');
//btn.addEventListener('click', UpdateTable);
// Set the max length and Width
var maxWidth = 4;
var maxLength = 6;
// Returns a random number
function CreateRandom() {
return Math.floor(Math.random() * 4 + 1);
}
//function to create an image
function CreateGopher() {
var randomNumber = CreateRandom();
var image = "Sup";
if(randomNumber == 1){
image = "<img src='gopher.jpg' class='gopher' height='50' width='50'>";
}
else if(randomNumber == 2){
image = "<img src='lettuce.jpg' class='lettuce' height='50' width='50'>";
}
else if(randomNumber == 3){
image = "<img src='lettuce.jpg' class='lettuce' height='50' width='50'>";
}
else if(randomNumber == 4){
image = "<img src='lettuce.jpg' class='lettuce' height='50' width='50'>";
}
return image;
}
//create table
function UpdateTable() {
// Iterate over each cell and set a random number
for (var i = 0; i < maxLength; i++) {
for (var j = 0; j < maxWidth; j++) {
tmp = 'cell' + i + j;
document.getElementById(tmp).innerHTML = CreateGopher();
}
}
}
function newTable() {
// Iterate over each cell and set a random number
for (var i = 0; i < maxLength; i++) {
for (var j = 0; j < maxWidth; j++) {
tmp = 'cell' + i + j;
document.getElementById(tmp).innerHTML = CreateGopher();
}
}
}
//Use The function update table
UpdateTable();
$( ".lettuce" ).click(function() {
//alert( "You Clicked on the lettuce" );
score -= 5;
document.getElementById("scoreOut").innerHTML = "<h1>Score :" + score;
});
$( ".gopher" ).click(function() {
//alert( "You Clicked on the lettuce" );
score += 5;
document.getElementById("scoreOut").innerHTML = "<h1>Score :" + score;
});
}
game();
setInterval(game, 1000);
setTimeout(function ()
{alert("Your Score is " + score)
window.location.href = "startGame.html";
}, 16000);
</script>
</body>
</html>
地鼠破产了
#游戏卡{
填充:0;边距:0;
}
#游戏卡{
边界塌陷:塌陷;
光标:url(finger2.png),指针;
}
地鼠破产了
你有15秒的时间来阻止尽可能多的地鼠!
分数:
var得分=0;
函数游戏(){
//var btn=document.getElementById('btn');
//btn.addEventListener('click',UpdateTable);
//设置最大长度和宽度
var-maxWidth=4;
var maxLength=6;
//返回一个随机数
函数CreateRandom(){
返回Math.floor(Math.random()*4+1);
}
//函数创建图像
函数CreateGopher(){
var randomNumber=CreateRandom();
var image=“Sup”;
如果(随机数==1){
image=“”;
}
else if(randomNumber==2){
image=“”;
}
否则如果(随机数==3){
image=“”;
}
否则如果(随机数==4){
image=“”;
}
返回图像;
}
//创建表
函数UpdateTable(){
//迭代每个单元格并设置一个随机数
对于(变量i=0;i