• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Płynny for w javascript

0 głosów
98 wizyt
pytanie zadane 21 lipca 2018 w JavaScript, jQuery, AJAX przez Q7V Gaduła (4,300 p.)
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?

3 odpowiedzi

+6 głosów
odpowiedź 21 lipca 2018 przez Tomek Sochacki Mędrzec (183,830 p.)

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ę.

+1 głos
odpowiedź 21 lipca 2018 przez Samboor Dyskutant (8,180 p.)
Możesz "wsadzić" tam if i zmniejszyć iterator do 28
+1 głos
odpowiedź 21 lipca 2018 przez zmiennoimienny Mądrala (5,530 p.)

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

komentarz 21 lipca 2018 przez Q7V Gaduła (4,300 p.)

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

4
komentarz 21 lipca 2018 przez Tomek Sochacki Mędrzec (183,830 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?

Podobne pytania

0 głosów
1 odpowiedź 1,065 wizyt
pytanie zadane 17 stycznia 2017 w JavaScript, jQuery, AJAX przez mowmiheniek Stary wyjadacz (11,920 p.)
0 głosów
2 odpowiedzi 130 wizyt
0 głosów
3 odpowiedzi 589 wizyt
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

64,868 zapytań

111,330 odpowiedzi

234,216 komentarzy

46,731 pasjonatów

Przeglądających: 216
Pasjonatów: 7 Gości: 209

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...