Jquery 需要按时钟方向设置圆边框的动画

我需要按时钟方向旋转虚线笔划圆，当前其旋转“逆时钟方向”。我想我们可以用PATH来完成，但我不知道如何创建它

<svg preserveAspectRatio="none" viewBox="0 0 500 500" >
    <circle cx="200" cy="200" r="167" stroke-dasharray="2,4" stroke-width="2"  stroke="red" fill="white" stroke-linecap="round" />
    <circle cx="200" cy="200" r="167" stroke-dasharray="1200,1200" stroke-width="3" stroke-dashoffset="0" stroke-linecap="round" stroke="white" fill="none" >
       <animate attributeType="XML" attributeName="stroke-dashoffset" from="0" to="1200" dur="4s" repeatCount="1" fill="freeze" />
    </circle>
</svg>

提前谢谢
 看看这个



只需将
给
坐标a
负值
您的答案已经在stackoverflow中，请检查jquerytag@DivyeshChothani：我不认为有任何使用svg的。嗨，谢谢你的回复，是的，我知道，它在jquery帖子中，但我需要一些修改，和不同的结果，所以我增加了新的职位。。。谢谢两位：）太好了，谢谢，我们能从上面开始吗。。。？
<svg preserveAspectRatio="none" viewBox="0 0 500 500" >
    <circle cx="200" cy="200" r="167" stroke-dasharray="2,4" stroke-width="2"  stroke="red" fill="white" stroke-linecap="round" />
    <circle cx="200" cy="200" r="167" stroke-dasharray="1200,1200" stroke-width="3" stroke-dashoffset="0" stroke-linecap="round" stroke="white" fill="none" >
       <animate attributeType="XML" attributeName="stroke-dashoffset" from="0" to="-1200" dur="4s" repeatCount="1" fill="freeze" />
    </circle>
</svg>