Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [js] fajny efekt
Artu123
post
Post #1





Grupa: Zarejestrowani
Postów: 211
Pomógł: 0
Dołączył: 8.12.2008

Ostrzeżenie: (0%)
-----


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..
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
-----


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


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
Artu123
post
Post #3





Grupa: Zarejestrowani
Postów: 211
Pomógł: 0
Dołączył: 8.12.2008

Ostrzeżenie: (0%)
-----


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ść
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
-----


google.pl -> clearTimeout();


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
Artu123
post
Post #5





Grupa: Zarejestrowani
Postów: 211
Pomógł: 0
Dołączył: 8.12.2008

Ostrzeżenie: (0%)
-----


Cytat(skowron-line @ 26.02.2009, 17:01:18 ) *
google.pl -> clearTimeout();


Nie mogę sobie z tym poradzić . Mógłbyś pomóc ?
Go to the top of the page
+Quote Post
batman
post
Post #6





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




Cytat(.radex @ 26.02.2009, 18:14:34 ) *
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.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
Artu123
post
Post #7





Grupa: Zarejestrowani
Postów: 211
Pomógł: 0
Dołączył: 8.12.2008

Ostrzeżenie: (0%)
-----


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.


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
Go to the top of the page
+Quote Post
batman
post
Post #8





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
Artu123
post
Post #9





Grupa: Zarejestrowani
Postów: 211
Pomógł: 0
Dołączył: 8.12.2008

Ostrzeżenie: (0%)
-----


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);


Dzięki, działa . Do zamknięcia .
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 11:38