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

Question

[historydev]

Вот код, уже череп трещит, если ставлю 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);

Comments

[Сергей Соколов]

уточните, чего добиваетесь? Чтобы объект вращался туда-сюда в пределах 15° со случайно амплитудой?

Answer 1

[Сергей Соколов]

Может, лучше без JS сделать средствами CSS?

@keyframes swing {
  0% {transform: rotate(-15deg)}
  50% {transform: rotate(15deg)}
  100% {transform: rotate(-15deg)}
}

Comments

[historydev]

ТЫ БОГ!!!!СПАСИБО ОГРОМЕННОЕ!

[Сергей Соколов]

HistoryART, «отметить решением» ; )

[historydev]

Сергей Соколов, дай вк свой пожалуйста

Answer 2

[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);