0

У меня есть такой код:

function hoverMe() {
    $('.rubberBand').hover(function () {
        $(this).addClass('magictime twisterInDown');

        //тут должен быть таймаут в 2секунды 

        $(this).removeClass('magictime twisterInDown');


    });
}

На месте комментария должен быть таймаут, что бы класс удалился после исполнения анимации

Спасибо

6
  • $(this).addClass('magictime twisterInDown').delay(2000).removeClass('magictime twisterInDown');
    – splash58
    26 фев 2016 в 10:47
  • не работает не проходит анимация 26 фев 2016 в 10:50
  • добавьте пример воспроизводящий проблему на jsfiddle или тут с помощью сниппета. Анимация прописана в css?
    – Grundy
    26 фев 2016 в 10:51
  • конечно она работает если не добавлять removeClass но срабатывает только один раз 26 фев 2016 в 10:53
  • @splash58 delay() только для animate(), не? 26 фев 2016 в 11:48

1 ответ 1

1

По-гомосячьи выглядит, но на скорую руку.
Насколько я понял delay() делает задержку только между методами анимации (animate()) и только, к которой addclass() не относится.

<!DOCTYPE html>
<html>
	<head>
		<title>titile</title>
		<meta charset="utf-8">
		<style>
		.magictime {
			border: 2px solid red;
		}
		</style>
		<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
		<script>
			$(function() {
				$('.rubberBand').hover(function() {
					$(this).addClass('magictime twisterInDown');
					setTimeout(rem, 2000);

				}, function() {});
			});

			function rem() {
				$('.rubberBand').removeClass('magictime twisterInDown');
			}
		</script>
	</head>
	<body>
		<div class="rubberBand">lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem </div>
	</body>
</html>

1
  • хаахах, ничего не по гомосячьи)) спасибо) 26 фев 2016 в 12:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.