Javascript 如何使均衡器启动按钮正常工作？

我开发了一个应用程序，模拟均衡器在显示音频变化方面的工作

再次按下“开始”按钮时会出现动画问题。
动画结果将重置并从头开始。
当然，这可以通过在动画处于活动状态时防止重复单击来避免

restart=“whenNotactive”

但这是一个不完整的问题解决方案

我试图挂起“开始”按钮上的

begin=“start.click”

事件，然后
在“暂停”按钮上单击

我的代码如下：

16K
6K
1K
310
170
开始
暂停

选项JS解决方案 使用Javascript方法：

SVGRoot.animationsPaused（）
SVGRoot.unpauseAnimations（）

函数初始化（evt）
{  
SVGDocument=evt.target.ownerDocument；
SVGRoot=SVGDocument.getElementById（'SVGRoot'）；
pauseButton=SVGDocument.getElementById（'pause1'）；
playButton=SVGDocument.getElementById（'start1'）；
均衡器=SVGDocument.getElementById（“均衡器”）；
};
函数暂停（）
{  
SVGRoot.pauseAnimations（）；
};
函数Start（）
{
if（SVGRoot.animationspausted（））{
SVGRoot.unpauseAnimations（）；
}
否则{
均衡器。beginElement（）；
}
};
text.yellow{
填充物：黄色；
字体大小：6px；
}
g#gr1{
笔划线头：圆形；
笔划线条连接：圆形；
掩码：url（#msk）；
变换：平移（348,0）；
}
#痕迹{
填充：无；
笔画：青色；
笔画宽度：1.5；
}

16K
6K
1K
310
170
开始
暂停
SVGRoot.pauseAnimations（）怎么样？？-()