[js] fajny efekt Opcje

[Artu123]

Kod

ss.style.opacity = "0.7";

Przykładowy kod:

i domyślnie mam 0.0 a gdy strona się załaduje to chciałbym , aby w około 2 sekund doszło to do 1.0 i to tak fajnie zeby wygladalo:

0.111
0.112 itd...

Bardzo prosze o jakieś porady itp..

[skowron-line]

google.pl -> setInterval
piszesz własną funkcję która będzie zwiększała tą wartość aż do rządanej wartości i juz.

[Artu123]

Kod

setInterval("sopacity(0.05)", 155);
setInterval("sopacity(0.10)", 205);
setInterval("sopacity(0.15)", 255);
setInterval("sopacity(0.18)", 305);
setInterval("sopacity(0.20)", 355);
setInterval("sopacity(0.25)", 405);
setInterval("sopacity(0.28)", 455);
setInterval("sopacity(0.30)", 505);
setInterval("sopacity(0.35)", 555);
setInterval("sopacity(0.38)", 605);
setInterval("sopacity(0.4)", 655);
setInterval("sopacity(0.5)", 855);
setInterval("sopacity(0.53)", 905);
setInterval("sopacity(0.55)", 955);
setInterval("sopacity(0.58)", 1005);
setInterval("sopacity(0.6)", 1055);
setInterval("sopacity(0.62)",1105);
setInterval("sopacity(0.65)",1155);
setInterval("sopacity(0.68)", 1205);
setInterval("sopacity(0.7)", 1255);

Jak to zatrzymać ? Bo cały czas powtarza tą samą czynność

[skowron-line]

google.pl -> clearTimeout();

[Artu123]

google.pl -> clearTimeout();

Nie mogę sobie z tym poradzić . Mógłbyś pomóc ?

[batman]

powinno pomóc, ale nie obiecuję, jestem noobem jeśli chodzi o JS

To po co się udzielasz? I jeszcze w błąd wprowadzasz.

Później usunę Twój post.


A co do problemu.
1. Przypisujesz do zmiennej wartość funkcji setInterval
2. Wywołana przez setInterval funkcja sprawdza, czy osiągnięto już pożądaną wartość.
3. Jeśli tak, to używasz funkcji clearInterval na zapisanej zmiennej z pkt.1.

[Artu123]

To po co się udzielasz? I jeszcze w błąd wprowadzasz.

Później usunę Twój post.


A co do problemu.
1. Przypisujesz do zmiennej wartość funkcji setInterval
2. Wywołana przez setInterval funkcja sprawdza, czy osiągnięto już pożądaną wartość.
3. Jeśli tak, to używasz funkcji clearInterval na zapisanej zmiennej z pkt.1.

Kod

function sopacity(opac) {

var ss = document.getElementById("logo");
ss.style.opacity = opac;

}

var intervalID;
intervalID = setInterval("sopacity(0.18)", 305);
clearInterval(intervalID);

var intervalID1;
intervalID1 = setInterval("sopacity(0.28)", 505);
clearInterval(intervalID1);

Nie działa . Mógłby ktoś pomóc mi z tym kodem?

Kod

function sopacity(opac) {

var ss = document.getElementById("logo");
ss.style.opacity = opac;

}

var intervalID;
intervalID = setInterval("sopacity(0.18)", 305);
setInterval(clearInterval(intervalID), 306);

var intervalID1;
intervalID1 = setInterval("sopacity(0.28)", 505);
setInterval(clearInterval(intervalID1), 306);

Tak też próbowałem

[batman]

Funkcja clearInterval musi się znaleźć w ciele funkcji sopacity. Powinna się wykonać w momencie gdy opacity osiągnie wymaganą wartość.

[Artu123]

Funkcja clearInterval musi się znaleźć w ciele funkcji sopacity. Powinna się wykonać w momencie gdy opacity osiągnie wymaganą wartość.

Kod

function sopacity(opac) {

var ss = document.getElementById("logo");
ss.style.opacity = opac;
if(opac == '0.28') {
clearInterval(intervalID1);
}
if(opac == '0.18') {
clearInterval(intervalID);
}
}

var intervalID;
intervalID = setInterval("sopacity(0.18)", 305);

var intervalID1;
intervalID1 = setInterval("sopacity(0.28)", 505);

Dzięki, działa . Do zamknięcia .