我有一个圆圈，我把它分成 16 个部分（4 个部分，每个部分有 4 个部分）并用数字 1,2,2,2 / 1,2,2,2 / 1,2,2,2 / 1 命名每个部分,2,2,2。
我想编写一个 HTML5 和 jQuery 代码，通过单击黄色部分（16 个部分中的 1 个为黄色；其他为灰色）来为圆圈的轮廓设置动画。程序从黄色部分开始动画。代码应该通过改变颜色来围绕圆形动画数字，同时为每个数字播放声音。例如，如果动画接收到第 1 部分，它的颜色会变为橙色并播放声音“你好”；如果动画收到数字 2，它会播放“欢迎”声音并将其颜色更改为橙色。
在每四分之一圈之后，我想有一点延迟。例如，播放完第 1 节后，程序应停止播放 50sc，然后开始第 2 节，依此类推。在该过程结束时，黄色部分会用辉光进行动画处理并停止播放。