Płynny for w javascript

Question

Chcę zrobić w JS płynny for, w przedziale 28-44. Mam na myśli sytuację gdy zmienna liczy się od 28 i dojdzie do 44 to zaczyna wracać do 28 i tak z powrotem do 44.

Czy pętla for ma taką możliwość zaimplementowaną? A jak nie to mogę wsadzić tam ifa?

Answer 1

Nawiązując do tego co napisałeś w komentarzu:

Chciałem aby tło diva zmieniało się płynnie od ciemno szarego do szarego i z powrotem.

to wg mnie zamiast kombinować z JS po prostu CSS:

https://codepen.io/Tomek_Sochacki/pen/gjgZPL

Taki przykład na szybko, ale chodzi o zasadę.

Answer 2

Możesz "wsadzić" tam if i zmniejszyć iterator do 28

Answer 3

Do pętli for można wstawić tyle if'ów ile się chce .
Chyba w tej sytuacji jeden if to najlepsze wyjście.

Comments

Mam takie coś

		function background(){
		var r, g, b;
		r=28;
		g=28;
		b=28;
		function dd(){for(let i=0;i<=16;i++){
		setTimeout(function(){r++;g++;b++;
		document.getElementById('header').style.backgroundColor="rgb("+r+","+g+","+b+")";
		},50*i);
		xd();
		}
		}
		function xd(){for(let i=16;i>=0;i--){
		setTimeout(function(){r--;g--;b--;
		document.getElementById('header').style.backgroundColor="rgb("+r+","+g+","+b+")";
		},50*i);
		dd();
		}
		} //28-44
		}

body ma onload tej funkcji i ona działa jak coś prostego w niej umieszczę, także to kwestia kodu. Chciałem aby tło diva zmieniało się płynnie od ciemno szarego do szarego i z powrotem. :P

---

Chciałem aby tło diva zmieniało się płynnie od ciemno szarego do szarego i z powrotem. :P

A nie lepiej spróbować pokombinować w CSS z @keyframes i animacją ustawioną na infinite?