Javascript Can'；t使用css add/remove inside setInterval函数重新启动动画

我有一个问题，我可以用它来重新启动动画 在全局范围内，在onclick（）事件函数中

document.getElementById('weapon').classList.remove('animation1');
document.getElementById("weapon").classList.add('animation1');

但它在setInerval（）函数中不起作用，不管我在代码中放在哪里。 示例代码：

var elem=document.getElementById（“myBar”）；
var max_health=100；
var current_health=100；
var宽度=100；
elem.innerHTML=当前健康状况+'/'+最大健康状况；
var id=设置间隔（帧，500）；
elem.style.transition='宽度2s'；
函数框架（）{
如果（宽度请将您的html代码张贴到我的上帝atm上，它是网状的，不会粘贴所有内容，但没有什么特别的，但我使它更简单-从w3示例中使用了bar，一个图像和一个动画，还添加了css，您可以共享来自jsfiidle或codepen的链接。为您制作的bar在第二次单击时没有什么问题，因为它会重置但是w/e，这里为这个制作了正方形和动画。在setinterval之外它工作，它添加它；我可以删除，添加，删除，添加，它在函数move/frame之外工作。它在我这边工作。什么对你不起作用？