在不少实际问题中有许多具有规律性的重复操作，因此在程序中就需要重复执行某些语句。一组被重复执行的语句称之为循环体，能否继续重复，决定循环的终止条件。通常循环语句有多种类型，如for、while语句以及do while语句（p5js中暂不支持do while循环）。
添加图片注释，不超过 140 字（可选）
// 创建全局变量
let y;
let num = 14;
function setup() {
// 画布：720 * 360
createCanvas(720, 360);
noLoop();
}
function draw() {
background(102);
noStroke();
// 画白条
fill(255);
// 注意：y从60开始
y = 60;
// 循环次数：14/3=4.67，从0开始自增，步长为1，因此一共循环5次
for (let i = 0; i < num / 3; i++) {
rect(50, y, 475, 10);
// 每一次循环，y的值增加20
y += 20;
}
// 灰条
fill(51);
// 注意：y从40开始
y = 40;
// 循环次数：14次
for (let i = 0; i < num; i++) {
rect(405, y, 30, 10);
y += 20;
}
// 注意：y从50开始
y = 50;
// 循环次数：14次
for (let i = 0; i < num; i++) {
rect(425, y, 30, 10);
y += 20;
}
// 细线
// 注意：y从45开始
y = 45;
fill(0);
// 循环次数：14-1=13次
for (let i = 0; i < num - 1; i++) {
rect(120, y, 40, 1);
y += 20;
}
}
new p5();
