setTimeout排队时间问题

Question

我在比赛时间上有疑问。 第一次单击开始按钮时，一切正常，或者用户等待足够长的时间再再次单击该按钮。

否则，只会触发音频，而不会产生旋转过渡。 旋转过渡是使用transit.js创建的

我已经尝试在tock循环的结尾和reset按钮上使用clearQueue，但是它没有任何效果。

我正在尝试实现：-单击开始或重置按钮时清除所有动画队列。

我的密码

Answer 1

您使用的transit.js是css3动画。 因此，当您调用clearQueue时，它不会停止动画。 clearQueue仅清除jQuery动画

要停止css3，您可能必须执行以下操作。

$('#drive, .wheel').css("-webkit-transform", "none");
$('#drive, .wheel').css("-moz-transform", "none");
$('#drive, .wheel').css("-ms-transform", "none");
$('#drive, .wheel').css("transform", "none");

视情况而定，但我还不是CSS3动画的忠实支持者，因为我要做的很多工作都需要支持IE。 （css3在IE9或更低版本上不起作用）。 现在，如果您只想旋转，我会使用http://code.google.com/p/jqueryrotate/

然后

$(element).stop()

和

$(element).clearQueue()

将工作