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..
Pełna wersja: [js] fajny efekt
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..
google.pl -> setInterval
piszesz własną funkcję która będzie zwiększała tą wartość aż do rządanej wartości i juz.
piszesz własną funkcję która będzie zwiększała tą wartość aż do rządanej wartości i juz.
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);
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ść
google.pl -> clearTimeout();
Cytat(skowron-line @ 26.02.2009, 17:01:18 ) 
google.pl -> clearTimeout();
Nie mogę sobie z tym poradzić . Mógłbyś pomóc ?
Cytat(.radex @ 26.02.2009, 18:14:34 )
powinno pomóc, ale nie obiecuję, jestem noobem jeśli chodzi o JS
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.
Cytat(batman @ 26.02.2009, 19:19:32 )
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.
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);
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);
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
Funkcja clearInterval musi się znaleźć w ciele funkcji sopacity. Powinna się wykonać w momencie gdy opacity osiągnie wymaganą wartość.
Cytat(batman @ 26.02.2009, 21:55:57 )
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);
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 .
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.