Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript中带有while循环的动画延迟_Javascript_Loops_Animation - Fatal编程技术网

javascript中带有while循环的动画延迟

javascript中带有while循环的动画延迟,javascript,loops,animation,Javascript,Loops,Animation,我正在对HTML中元素的x和y坐标进行增量更改。但是,代码执行速度太快,浏览器没有时间跟上。我试图在每个动画之后添加一个while循环,以旋转20000000个周期,这样浏览器就有时间制作动画,但代码似乎完全跳过了while循环。此策略是否最适合延迟动画时间?您应该使用requestAnimationFrame来控制更新周期。 在您的情况下,听起来您希望控制FPS。 有关更多详细信息,请参阅。 通常,您的浏览器会尝试尽可能平滑地运行动画(60 FPS),但您也可以手动降低此速度。您应该使用req

我正在对HTML中元素的x和y坐标进行增量更改。但是,代码执行速度太快,浏览器没有时间跟上。我试图在每个动画之后添加一个while循环,以旋转20000000个周期,这样浏览器就有时间制作动画,但代码似乎完全跳过了while循环。此策略是否最适合延迟动画时间?

您应该使用
requestAnimationFrame
来控制更新周期。 在您的情况下,听起来您希望控制FPS。 有关更多详细信息,请参阅。
通常,您的浏览器会尝试尽可能平滑地运行动画(60 FPS),但您也可以手动降低此速度。您应该使用
requestAnimationFrame
来控制更新周期。 在您的情况下,听起来您希望控制FPS。 有关更多详细信息,请参阅。
通常,你的浏览器会尽量平滑地运行动画(60帧/秒),但你也可以手动降低速度

Ciao,你能展示你写的吗?@GiovanniEsposito很长。很难通读。我说的更多的是一个假设性的讨论,讨论了使用while循环进行旋转的原因。再见,你能展示一下你写的吗?@GiovanniEsposito很长。很难通读。我说的更多的是一个假设性的讨论,讨论使用while环进行旋转的原因。