[JavaScript] Zmiana tła co sekundę Opcje

[sher]

[HTML] pobierz, plaintext 
function huh(){
	if (document.getElementById("hehehehe").style.background=="red") {
		document.getElementById("hehehehe").style.background="blue";
	}
	else {
		document.getElementById("hehehehe").style.background="red";
	}
 
	setTimeout(huh, 1000);
}
huh();
[HTML] pobierz, plaintext 

Chcę, żeby tło zmieniało się co sekundę, z niebieskiego na czerwone i odwrotnie. Niestety, coś nie działa.

[nospor]

Czy tak ciezko napisac: nie zmienia koloru
albo: zmienia kolor ale co godzine a nie co sekunde
zamiast "coś nie działa"
?


backgroundColor

[Comandeer]

Nie wiem co nie działa, bo działa (IMG:style_emoticons/default/wink.gif) Jedynie na początku czeka 2 sekundy zamiast jednej, bo przy starcie elem.style jest puste i warunek nigdy nie jest prawdziwy. Warto zastosować tutaj getComputedStyle.

Pewnie skrypt jest wstawiony przed elementem, stąd nie działa.

Inna rzecz, że po prostu zmieniałbym klasę (bo a nuż w przyszłości nie tylko tło będziemy chcieli zmieniać).

[sher]

Wystarczyło backgroundColor zamiast samego background ;o
nospor wiem, że zbyt dużo nie napisałem. Wydawało mi się poprostu, że tak jak zwykle zrobiłem jakiś banalny błąd, a jakiś normalny człowiek po wejściu do tematu od razu go zauważy. Tak czy siak, dzięki za pomoc.

[nospor]

Ludzie na forum walą namietnie "cos nie dziala" i określają to gdy pojawia im sie cala masa roznych rzeczy, ktore nie są oczywiste dla czytajacego. Dlatego tak wazne jest by pisac dokładnie co nie działa a nie coś. Nie piszę tego ze złośliwosci i ze mi to sprawia przyjemnosc... Poprostu liczę, ze kiedys, gdy bede juz stary, doczekam pieknego dnia, ze ludzie zaczną opisywać normalnie i dokladnie problem (IMG:style_emoticons/default/smile.gif)

[sher]

Napiszę jescze tutaj, bo to prawie to samo.

[HTML] pobierz, plaintext 
var i=0;
var x=3;
function huh(){
	document.getElementById("hehehehe").style.background="linear-gradient(to right, "+i+"px red, transparent)";
	i=i+x;
	setTimeout(huh, 1000);
}
huh();
[HTML] pobierz, plaintext 

Chcę, żeby co sekundę tło robiło się coraz bardziej czerwone, zaczynając od lewej strony. Ma się zwiększać o 3px co jedną sekundę (będzie generowane w php ale w tej chwili to bez różnicy). Rzecz w tym, że nie wyświetla się nic.

[nospor]

Skad ty te style wymyslasz??

Wstaw sobie bezposrednio w styl diva o to: background:linear-gradient(to right, 10px red, transparent);
i sprawdz wpierw czy to w ogole działa... A potem bierz sie za js

[sher]

Dobra, ogarnąłem już temat samego gradientu w css (IMG:style_emoticons/default/tongue.gif)

[HTML] pobierz, plaintext 
function huh(){
	var o=120-i;
	document.getElementById("hehehehe").style.background="background-image: linear-gradient(to top, rgba(255, 255, 255, 1) "+i+"px, rgba(255, 255, 255, 0) "+o+"px)";
	setTimeout(huh, 1000);
	i=i+x;
}
[HTML] pobierz, plaintext 

W css'ie działało, natomiast w js nie jestem pewnien jak to napisać. Wszystkie te zmienne, itp. chyba są dobrze, jedynym problemem jest ta linijka z gradientem ;f

[kafowi]

W css'ie działało, natomiast w js nie jestem pewnien jak to napisać. Wszystkie te zmienne, itp. chyba są dobrze, jedynym problemem jest ta linijka z gradientem ;f

Nie mogło działać (kod co podał nospor) bo najpierw musisz zdefiniować kolor, później wielkość.

[HTML] pobierz, plaintext 
var i=0;
var x=3;
function huh(){
	document.getElementById("hehehehe").style.background="linear-gradient(to right, red "+i+"px, transparent)";
	i=i+x;
	setTimeout(huh, 1000);
}
huh();
[HTML] pobierz, plaintext 

[sher]

Tylko wciąż, jak wkładam to w css to dziala, ale w js już nie.

[Comandeer]

Hmm… http://jsfiddle.net/Comandeer/ab4yp83o/ → działa - kolor się powoli przesuwa w prawo

[nospor]

Podejrzewam ze to zalezy od przegladarki, bo mi tez nie dziala

[Comandeer]

@nospor, a toś mnie teraz zaskoczył prawdę mówiąc. Jaką masz?

[nospor]

Testowalem na Opera i FF

edit: a niech strace... odpalilem tez chrome - tez nie dziala

[sher]

Fakt, ale z tym to już bez problemu sobie poradzę (IMG:style_emoticons/default/snitch.gif)
Dzięki za pomoc.

@nospor
Hmm dziwne, u mnie działało i na ff i na chrome.

Ten post edytował sher 9.07.2015, 19:51:50

[nospor]

edit2: lol, a jednak dziala, za szybko zamknalem okno (IMG:style_emoticons/default/biggrin.gif) Spodziewalem sie innego efektu.

[Comandeer]

@nospor no właśnie chciałem pisać, że chyba masz ruskiego tego liska (IMG:style_emoticons/default/wink.gif)