setTimeout вопросы о постановке очереди

Question

У меня возникли проблемы со временем игры. Все работает, когда кнопка запуска нажата в первый раз, или пользователь ждет достаточно долго, прежде чем снова нажать кнопку.

В противном случае просто звуковые пожары, но транзисторы вращения не работают. Поворотные переходы создаются с использованием transit.js

Я попытался использовать clearQueue в конце цикла tock и кнопки сброса, но это не влияет.

Я пытаюсь добиться: - всех очередей анимации для очистки при нажатии кнопок запуска или сброса.

My code

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() 

будет работать