Javascript 什么';在画布中设置动画的最佳方式是什么?

Javascript 什么';在画布中设置动画的最佳方式是什么?,javascript,jquery,html5-canvas,Javascript,Jquery,Html5 Canvas,我正在尝试使用javascript在画布中设置三角形“翻转”的动画。问题是javascript执行动画的速度太快,您无法真正看到效果。“放慢速度”的最佳方式是什么。我尝试过setTimeout函数,但它不起作用,因为它会延迟函数的执行,以重新绘制三角形,但会继续执行重新绘制循环(如果有意义的话)。是否有任何jQuery函数延迟执行>我看到了delay()函数,但我认为这不适用于这种情况?让我向您展示我目前拥有的: 欢迎任何建议:)这是答案的代码。我为动画使用setInterval,并使用dat

我正在尝试使用javascript在画布中设置三角形“翻转”的动画。问题是javascript执行动画的速度太快,您无法真正看到效果。“放慢速度”的最佳方式是什么。我尝试过setTimeout函数,但它不起作用,因为它会延迟函数的执行,以重新绘制三角形,但会继续执行重新绘制循环(如果有意义的话)。是否有任何jQuery函数延迟执行>我看到了delay()函数,但我认为这不适用于这种情况?让我向您展示我目前拥有的:


欢迎任何建议:)

这是答案的代码。我为动画使用setInterval,并使用data()jQuery函数允许动画存储关于每个画布的数据


事实上,我们刚刚了解了setInterval。设法使它工作起来。如果有人需要,下面是代码:谢谢阅读!另外请看requestAnimationFrame,它将改进您的解决方案嘿,谢谢您的回复。我提供的答案正是我想要的,我只是有一个小问题,如果你点击其中一张画布,然后在动画完成之前点击另一张画布,它就会搞砸。你知道怎么解决吗?请随意回答下面的问题,并接受它作为答案。完成。谢谢你的提醒!