css и javascript rotate работают только один раз по клику?

Question

Я использую это для поворота события div onclick.
function ghum(){ document.getElementById("earth").className += " rotate"; }

и это для вращения против часовой стрелки
function revghum(){ document.getElementById("earth").className += " revrotate"; }

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

Я действительно хочу, чтобы этот div вращался каждый раз при нажатии.Вот пример http://maatren.com/earth/

При повороте и повороте я использую только преобразование и переход для поворота div.и в id земле я использую фоновое изображение без каких-либо преобразований и переходов.
Заранее спасибо:)

Answer 1

Вы можете использовать jQuery с «addClass» и «removeClass», но не продолжайте добавлять имя класса с «className + =».

API addClass: http://api.jquery.com/addClass/

API removeClass: http://api.jquery.com/removeClass/

Answer 2

Ваш класс = "повернуть, повернуть, повернуть, повернуть, повернуть, повернуть, повернуть, повернуть, повернуть, повернуть"