Здравствуйте.
Я пытаюсь сделать динамический спиннер. При нажатии на кнопку заработает spinner, после его остановки при нажатии на кнопку запустить с того места, где остановился.
Благодарю за помощь. :)))
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЗдравствуйте.
Я пытаюсь сделать динамический спиннер. При нажатии на кнопку заработает spinner, после его остановки при нажатии на кнопку запустить с того места, где остановился.
Благодарю за помощь. :)))
Такой вариант устроит? Скорость замедлил для наглядности.
$(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);
}
});
});