Javascript 幸运之轮-最终选择不'；不匹配指针

我想让“旋转的轮子”类型的游戏，因为用户可以选择三种可能的结果，然后，在他们可以旋转轮子之后，如果选择的三种中的任何一种出现，那么他/她就是赢家

在下面的演示中，您可以看到，在微调器停止后，结果不是正确的值。在微调器自身停止后，它将继续并更改值——在最后一个之前，它始终是灯泡。（请查看此全屏以了解我所指的内容。）

我怎样才能解决这个问题

//设置默认度数（360*5）
var度=1800；
//点击次数=0
var=0；
$（文档）.ready（函数（）{
/*车轮自旋函数*/
$（'#spin'）。单击（函数（）{
//每单击一次添加1
点击++；
/*将次数乘以单击次数
生成1-360之间的随机数，
然后添加到新的学位*/
var newDegree=点击次数*degree；
var extraDegree=Math.floor（Math.random（）*（360-1+1））+1；
totalDegree=新度+额外度；
/*让我们使旋转btn每小时倾斜一次
截面边缘到达的时间
指示器*/
$（'#wheel.sec'）。每个（函数（）{
var t=$（本）；
var-noY=0；
var c=0；
var n=700；
var interval=setInterval（函数（）{
C++；
如果（c==n）{
间隔时间；
}	
var aoY=t.offset（）.top；
$（“#txt”）.html（t.html（））；
控制台日志（aoY）；
/*23.7是所使用的最小偏移量
每一个部分都可以以30度的角度得到。
如果偏移量达到23.7，我们就知道了
它有30度角，因此，
与自旋btn完全对齐*/
如果（aoY<23.89）{
console.log（'
将继续调用该函数，直到
调用，或窗口已关闭

setInterval返回clearInterval所需的ID

清除间隔计时器并在转换后显示结果（6100ms）


var度=1800；
var=0；
//如果id保存在属性中，则清除间隔计时器：
功能清除间隔（t）{
var interval=parseInt（t.data（'interval'））；
如果（间隔>0）{
间隔时间；
t、 数据（'间隔'，''）；
}
}
$（文档）.ready（函数（）{
$（'#spin'）。单击（函数（）{
点击++；
var newDegree=点击次数*degree；
var extraDegree=Math.floor（Math.random（）*（360-1+1））+1；
totalDegree=新度+额外度；
//计算结果指标：
var win_num=6-数学楼层（（总度数%360+30）/60）；
$（'#wheel.sec'）。每个（函数（）{
var t=$（本）；
清除间隔（t）；
//在数据间隔属性中保存计时器ID：
t、 数据（'interval'，setInterval（函数（）{
var aoY=t.offset（）.top；
$（“#txt”）.html（t.html（））；
如果（aoY<23.89）{
$（'旋转'）.addClass（'旋转'）；
setTimeout（函数（）{
$（'#spin'）。removeClass（'spin'）；
}, 100);	
}
}, 10));
$（“#内轮”）.css({
“变换”：“旋转（'+totalDegree+'deg）”
});
});
//在转换已结束时停止更新并显示结果：
setTimeout（函数（）{
$（'#wheel.sec'）。每个（函数（）{
清除间隔（$（此））；
});
$（“#txt”）.html（$（'#wheel div.sec:nth child（'+win#num+'））.html（））；
}, 6100);
});
});

*{margin:0；padding:0；}
身体{
背景：#eaeaea；
颜色：#fff；
字号：18px；
字体系列：“Exo 2”，无衬线；
}
a{
颜色：#34495e；
}
/*包装纸*/
#包装器{
保证金：40px自动0；
宽度：266px；
位置：相对位置；
}
#文本{
颜色：#000；
}
/*车轮*/
#车轮{
宽度：250px；
高度：250px；
边界半径：50%；
位置：相对位置；
溢出：隐藏；
边框：8px实心#fff；
盒影：rgba（0,0,0,0.2）0px 0px 10px，rgba（0,0,0,0.05）0px 3px 0px；
变换：旋转（0度）；
}
#轮子：以前{
内容：''；
位置：绝对位置；
边框：4倍实心rgba（0,0,0,0.1）；
宽度：242px；
身高：242px；
边界半径：50%；
z指数：1000；
}
#内轮{
宽度：100%；
身高：100%；
-webkit转换：所有6s三次贝塞尔（0.99.44.99）；
-moz变换：所有6个立方贝塞尔（0.99.44.99）；
-o-过渡：所有6s三次贝塞尔（0.99.44.99）；
-ms转换：所有6s三次贝塞尔（0.99.44.99）；
过渡：所有6s三次贝塞尔（0.99.44.99）；
}
#轮距秒{
位置：绝对位置；
宽度：0；
身高：0；
边框样式：实心；
边框宽度：130px 75px 0；
边框颜色：#19c透明；
变换原点：75px 129px；
左：50px；
顶部：-4px；
不透明度：1；
}
#车轮分段秒：第n个子（1）{
变换：旋转（60度）；
-webkit变换：旋转（60度）；
-moz变换：旋转（60度）；
-o变换：旋转（60度）；
-ms变换：旋转（60度）；
边框颜色：#16a085透明；
}
#车轮分段秒：第n个子（2）{
变换：旋转（120度）；
-webkit变换：旋转（120度）；
-moz变换：旋转（120度）；
-o变换：旋转（120度）；
-ms变换：旋转（120度）；
边框颜色：#2980b9透明；
}
#车轮分段秒：第n个子（3）{
变换：旋转（180度）；
-webkit变换：旋转（180度）；
-moz变换：旋转（180度）；
-o变换：旋转（180度）；
-ms变换：旋转（180度）；
边框颜色：#34495e透明；
}
#车轮分段秒：第n个子（4）{
变换：旋转（240度）；
-webkit变换：旋转（240度）；
-moz变换：旋转（240度）；
-o变换：旋转（240度）；
-ms变换：旋转（240度）；
边框颜色：#f39c12透明；
}
#车轮分段秒：第n个子（5）{
变换：旋转（300度）；
-webkit变换：旋转（300度）；
-moz变换：旋转（300度）；
-o变换：旋转（300度）；
-ms变换：旋转（300度）；
边框颜色：#d35400透明；
}
#车轮分段秒：第n个子（6）{
变换：旋转（360度）；
-webkit变换：旋转（360度）；
-moz变换：旋转（360度）；
-o变换：旋转（360度）；
-ms变换：旋转（360度）；
边框颜色：#c0392b透明；
}
#车轮副总成{
利润上限：-100px；
颜色：rgba（0,0,0,0.2）；
P