0

Здравствуйте.

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

Благодарю за помощь. :)))

code - http://codepen.io/DavidKern/pen/emjYzb

1 ответ 1

1

Такой вариант устроит? Скорость замедлил для наглядности.

$(function () {
    var circle = $('#spin'),
        timer;
    circle.addClass('anime').css('animationPlayState', 'paused');
    $('.button').on('click', function () {
        var rTime = Math.floor(Math.random() * 5001) + 1000;
        if (circle.css('animationPlayState') === 'paused') {
            circle.css('animationPlayState', 'running');
            timer = setTimeout(function () {
                circle.css('animationPlayState', 'paused');
            }, rTime);
        } else {
            circle.css('animationPlayState', 'paused');
            clearTimeout(timer);
        }
    });
});
2
  • Благодарю за помощь, чтобы работать с таким типом проблем, надо пользоваться animationPlayState?
    – David Kern
    3 мар 2015 в 18:39
  • 1
    @David Kern, надо пользоваться тем, что лучше всего подходит в текущей ситуации, с учетом особенностей задачи ;)
    – Deonis
    3 мар 2015 в 18:42

Ваш ответ

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

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