Javascript 我的重启标志来回旋转，但我只需要去那里，如何解决这个问题？

我有重新加载的迹象，但它来回移动，但我只需要返回。我试了所有我知道的方法，但都不管用。请帮帮我，谢谢：）

var sign_reload=document.getElementById（“reload”）；
document.getElementById（“btn”）.onclick=function（）{
如果（符号_reload.style.transform==“旋转（360度）”）
符号_reload.style.transform=“旋转（0度）”；
else符号_reload.style.transform=“旋转（360度）”；
};
#重新加载{
显示：块；
左边距：100px；
位置：绝对位置；
字体大小：40px；
过渡期：2.5s；
}

文件
点击我
你可以考虑在动画结尾添加一个删除动画的类：


var sign_reload=document.getElementById（“reload”）；
sign_reload.addEventListener（“animationend”，function（））{
签名_reload.classList.remove（'rotate'）；
});
document.getElementById（“btn”）.onclick=function（）{
签名_reload.classList.add（'rotate'）；
};
#重新加载{
显示：块；
左边距：100px；
位置：绝对位置；
字体大小：40px；
}
.轮换{
动画：改变2s；
}
@关键帧改变{
到{
变换：旋转（360度）；
}
}

单击我