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

Ваш ответ

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

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