关于javascript循环的问题。 20
这是一段可以画出棋盘格的代码，为了看清楚画格子的顺序，在循环中加了个alert，但运行时出现连续点多次确认，然后格子全画好了。如果希望每确认一次，再画一个小格子，那么我应...
这是一段可以画出棋盘格的代码，为了看清楚画格子的顺序，在循环中加了个alert，但运行时出现连续点多次确认，然后格子全画好了。如果希望每确认一次，再画一个小格子，那么我应该把alert加在什么地方？
<!DOCTYPE html>
<html>
<head>
<title>canvas test</title>
</head>
<body>
<canvas id='canvas' width="400" height="400"></canvas>
</body>
<script type='text/javascript'>
var canv=document.getElementById('canvas');
var ctx=canv.getContext('2d');
for (var j=0; j<4 ; j++)
{
for (var i=0; i<4; i++)
{
ctx.fillRect(i*80,j*80,40,40);
ctx.fillRect(i*80+40,j*80+40,40,40);
ctx.strokeRect(i*80+40,j*80,40,40);
ctx.strokeRect(i*80,j*80+40,40,40);
alert('OK');
}
}
</script>
</html> 展开
<!DOCTYPE html>
<html>
<head>
<title>canvas test</title>
</head>
<body>
<canvas id='canvas' width="400" height="400"></canvas>
</body>
<script type='text/javascript'>
var canv=document.getElementById('canvas');
var ctx=canv.getContext('2d');
for (var j=0; j<4 ; j++)
{
for (var i=0; i<4; i++)
{
ctx.fillRect(i*80,j*80,40,40);
ctx.fillRect(i*80+40,j*80+40,40,40);
ctx.strokeRect(i*80+40,j*80,40,40);
ctx.strokeRect(i*80,j*80+40,40,40);
alert('OK');
}
}
</script>
</html> 展开
2个回答
展开全部
循环是编程中常用的控制结构之一，用于重复执行一段代码。在JavaScript中，常见的循环结构有for循环、while循环和do-while循环。
1. for循环：for循环是最常用的循环结构之一，它可以按照指定的条件重复执行一段代码。for循环由三个部分组成：初始化表达式、循环条件和循环迭代器。例如：
for (var i = 0; i < 5; i++) {
console.log(i);
}
上述代码会输出0到4的数字。 2. while循环：while循环会在指定条件为真时重复执行一段代码。它只有一个循环条件，没有初始化表达式和循环迭代器。例如：
var i = 0;
while (i < 5) {
console.log(i);
i++;
}
上述代码也会输出0到4的数字。 3. do-while循环：do-while循环会先执行一次代码，然后在指定条件为真时重复执行。它也只有一个循环条件，没有初始化表达式和循环迭代器。例如：
var i = 0;
do {
console.log(i);
i++;
} while (i < 5);
上述代码同样会输出0到4的数字。 这些是JavaScript中常用的循环结构，你可以根据具体的需求选择合适的循环来实现你的代码逻辑。如果你有具体的循环问题，可以告诉我，我会尽力帮助你解答。
1. for循环：for循环是最常用的循环结构之一，它可以按照指定的条件重复执行一段代码。for循环由三个部分组成：初始化表达式、循环条件和循环迭代器。例如：
for (var i = 0; i < 5; i++) {
console.log(i);
}
上述代码会输出0到4的数字。 2. while循环：while循环会在指定条件为真时重复执行一段代码。它只有一个循环条件，没有初始化表达式和循环迭代器。例如：
var i = 0;
while (i < 5) {
console.log(i);
i++;
}
上述代码也会输出0到4的数字。 3. do-while循环：do-while循环会先执行一次代码，然后在指定条件为真时重复执行。它也只有一个循环条件，没有初始化表达式和循环迭代器。例如：
var i = 0;
do {
console.log(i);
i++;
} while (i < 5);
上述代码同样会输出0到4的数字。 这些是JavaScript中常用的循环结构，你可以根据具体的需求选择合适的循环来实现你的代码逻辑。如果你有具体的循环问题，可以告诉我，我会尽力帮助你解答。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
因为你的画棋盘的四条语句,一次画四个格子,所以我只能一次画四个格子,方法是把这四条语句写到一个函数中,并返回false(这样可以让Javascript程序暂停执行),这样我们就可以每次调用函数画四个格子,直到画完棋盘.
完整的Javascript程序如下
<!DOCTYPE html>
<html>
<head>
<title>canvas test</title>
</head>
<body>
<canvas id='canvas' width="400" height="400"></canvas>
</body>
<script type='text/javascript'>
function ht(i,j,ctx){
ctx.fillRect(i*80,j*80,40,40);
ctx.fillRect(i*80+40,j*80+40,40,40);
ctx.strokeRect(i*80+40,j*80,40,40);
ctx.strokeRect(i*80,j*80+40,40,40);
return false;
}
var canv=document.getElementById('canvas');
var ctx=canv.getContext('2d');
for (var j=0; j<4 ; j++)
{
for (var i=0; i<4; i++)
{
ht(i,j,ctx);
alert('OK');
}
}
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
