Задать вопрос
@historydev
Острая аллергия на анимешников
javascript

Как создать циклическую анимацию на js?

Вот код, уже череп трещит, если ставлю 2 условия мол если не равно -15, deg++ и наоборот в минус,то оно просто стоит на месте, а так крутится тупо.Хелп плиз.
var timerId = setTimeout(function tick() {
	deg = Math.floor((Math.random() * 15) + -15);
 timerId = setTimeout(tick, 30);
	$('.boss').css("transform","rotate("+deg+"deg)");
},30);
  • Вопрос задан
  • 66 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 2
sergiks
@sergiks Куратор тега JavaScript
♬♬
Может, лучше без JS сделать средствами CSS?
@keyframes swing {
  0% {transform: rotate(-15deg)}
  50% {transform: rotate(15deg)}
  100% {transform: rotate(-15deg)}
}


Ответ написан
3 комментария
3 комментария
hzzzzl
@hzzzzl
а яваскриптом так
(но такое надо делать исключительно через css)

deg = -15
x = 1
setInterval(function tick() {
  if(deg < -15 || deg > 15) x = -x 
  deg = deg + x 
// console.log(deg)
  $('.boss').css("transform","rotate("+deg+"deg)");
}, 50);
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Ещё заказы