javascript canvas 函数在没有警报的情况下无法工作

我正在制作一些演示网页，作为作品集的一部分，向潜在的雇主展示。
其中一页是“等离子球”中等离子弧的模拟，然后旋转“等离子球”以 360 度查看“弧”。
仅当我在每次重绘后放置“警报”，然后在脚本运行时取消警报时，每次旋转的弧线重绘才有效。没有警报，什么也不会发生。

有人对此有解释/解决方案吗？这是重绘函数：

function reDraw(yAngle) //work in progress - redraw the arc through 360 degrees to see the path
{
   var xCs;
   var yCs;

   for(degrees=10; degrees<360; degrees+=1)//spin sphere through 360 degrees
   {   

      context1 = document.getElementById("canvas1").getContext("2d");

      context1.clearRect(0,0,600,600);

      radialGrad(1,'canvas1',300,300,300,300,300,0,0,1,colour1,colour2,0,0,600,600);

      firstMove=true;

      for(moves=0; moves<axisMove; moves++)
      {
         if(firstMove)//start at centre of sphere for each re-draw
         {
            xCs=300;
            yCs=300;
            firstMove=false;         
         }

         context1.beginPath();

         context1.moveTo(xCs,yCs);         

         spinAngle=(degrees/180*Math.PI);

         //we are spinning in the X-Z plane so resolve X-Z moves only - retrieve each positive or negative move from the axis move arrays

         xCs=xCs+(zCStep[moves]*Math.sin(spinAngle))+(xCStep[moves]*Math.cos(spinAngle));

         yCs=yCs+yCStep[moves];

         context1.lineTo(xCs,yCs);

         context1.shadowBlur=2;
         context1.shadowColor="grey";

         context1.strokeStyle="white";
         context1.stroke();

      }
      alert();   
   }

}

由于其（历史上）单线程的性质，当（javascript）函数（处理程序）时，Web 浏览器会重绘内容ends（进度条、ajax 加载 gif 等也有同样的问题）。
因此，即使循环的一次迭代需要一整秒（导致 1FPS），画布仍然不会重新绘制（页面的其余内容也是如此），直到 JavaScript 结束。

小旁注：HTML5 Web Workers 的最大优势之一是它们在自己的线程中运行，因此不会“阻止浏览器”。

上述问题的（历史上）常见解决方案是使用计时器（setInterval似乎最适合您的具体情况，或者setTimeout）以使浏览器重绘内容（在本例中为画布元素）。

EDIT:
斯特凡诺·奥尔蒂西 (Stefano Ortisi) 在下面的评论中提醒我requestAnimationFrame并提供了一个很好的链接：http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/ http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/
基本上它存在的主要原因是我们不需要继续使用相同的计时器，有一个浏览器优化的实现（与计时器相比），并且理想情况下与网络工作人员一起使用它（是的，额外的线程）。

起初，这个 API 是一个相当“活跃”的规范（这就是为什么我忘记了它），但现在尘埃似乎已经尘埃落定，足以创建一个漂亮的填充（见上面的链接）。
我同意十二月。 2013 年，这是一个比定义自己的计时器更好的解决方案，因为“如果您在不可见的选项卡中运行动画循环，浏览器将不会使其保持运行，这意味着更少的 CPU、GPU 和内存使用量，从而导致更长的电池寿命。”