0

Есть кнопка, у которой должен быть пульсирующий текст. Сделал анимацию следующим образом:

setInterval(function () {
        $(".form button").animate({"font-size":"22px"}, 500, "linear").delay(500).animate({"font-size":"20px"}, 500, "linear");
    }, 1000);

Но после выполнения анимации, перед выполнением следующего цикла, есть небольшая задержка. Как правильно зациклить анимацию, чтобы задержки не было? Также как нет задержки между анимацией от большего шрифта к меньшему.

1
  • встречный вопрос, это нужно было делать только js/jq ? простой css с этим великолепно справляется.
    – NeedH8
    4 авг 2016 в 17:59

1 ответ 1

1

Mожет чeрез callback...

setInterval(function() {
  $(".button").animate({
      "font-size": "22px"
    }, 500, "linear"),
    $(".button").animate({
      "font-size": "20px"
    }, 500, "linear");
}, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="button">zzzzzzzzz</span>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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