Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.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 如何将循环设置为播放一次粒子画布_Javascript_Html_Canvas - Fatal编程技术网

Javascript 如何将循环设置为播放一次粒子画布

Javascript 如何将循环设置为播放一次粒子画布,javascript,html,canvas,Javascript,Html,Canvas,我是第一次制作粒子画布,我想知道如何停止这个循环并只播放一次。 我曾尝试放置setTimeout(),但它一直在播放并仍在循环。也许我把setTimeout()放错行了 有人知道如何停止循环吗?代码似乎很难阻止循环。如果有什么办法可以停下来,请帮忙 angular.module(“粒子”,[]) .directive(“爆炸”、[“$interval”, 函数($interval){ 返回{ 限制:“C”, 模板:"不要在requestAnimationFrame回调中混用settimeout

我是第一次制作粒子画布,我想知道如何停止这个循环并只播放一次。
我曾尝试放置setTimeout(),但它一直在播放并仍在循环。也许我把setTimeout()放错行了

有人知道如何停止循环吗?代码似乎很难阻止循环。如果有什么办法可以停下来,请帮忙

angular.module(“粒子”,[])
.directive(“爆炸”、[“$interval”,
函数($interval){
返回{
限制:“C”,

模板:"不要在requestAnimationFrame回调中混用settimeout,要停止此循环,您已经有了一个
finished
标志,因此可以随时将其设置为
true
,但要从rAF循环外部进行。如果finished标志设置为true,则动画根本不会播放。抱歉,可能我写错了文本,我只想在上播放画布动画ce,没有循环。对不起,这让我很复杂。只有一次?然后只删除
window.requestAnimationFrame(animate)
中的
animate
函数。如果你需要使它循环x次,那么你可以执行
setTimeout(function(){finished=true;},x_time)
但不在rAF循环中(也称
animate
在你的代码中)但请注意,第一帧几乎是空的。