正在调用javascript中的setTimeout函数但未设置超时

Question

var r = 0;
var g = 0;
var b = 225;

function gradient() {
    b = b - 10;
}

while (b> 6){
    setTimeout(gradient(),1000);
}


ctx.beginPath();
ctx.fillStyle= 'rgb('+r+', '+g+', '+b+')'
ctx.rect(0,0,1200,590,2*Math.PI)
ctx.stroke()
ctx.fill();
ctx.closePath();

我知道while循环和函数正在工作，因为变量b减少并且画布图像的颜色发生了变化。 但是没有延迟，它会立即发生。 我也尝试过setInterval函数，但我无法让它工作。

Answer 1

尝试这个：

 var r = 0;
 var g = 0;
 var b = 225;

 function gradient() {

   if(b > 6){
      console.log(b);
      b = b - 10;
      setTimeout(gradient,1000);
   }

 }

 gradient();

 ctx.beginPath();
 ctx.fillStyle= 'rgb('+r+', '+g+', '+b+')'
 ctx.rect(0,0,1200,590,2*Math.PI)
 ctx.stroke()
 ctx.fill();
 ctx.closePath();