setTimeout排队时间问题

时间:2013-07-30 23:47:28

标签: jquery animation settimeout

我遇到游戏时间问题。当第一次单击开始按钮或用户等待足够长时间再次单击按钮之前,一切正常。

否则只是音频发射但旋转变换没有。使用transit.js

创建旋转过渡

我尝试在tock循环结束时和重置按钮上使用clearQueue,但它没有效果。

我正在努力实现: - 点击开始或重置按钮时清除所有动画队列。

My code

1 个答案:

答案 0 :(得分: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()

将起作用