jquery - setTimeout 排队计时问题

Question

我对比赛的时间安排有疑问。当第一次单击开始按钮或用户在再次单击按钮之前等待足够长的时间时，一切正常。

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

我曾尝试在 tock 循环结束时和重置按钮上使用 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()

将工作