Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Problem z setInterval
Woytek950
post
Post #1





Grupa: Zarejestrowani
Postów: 130
Pomógł: 2
Dołączył: 6.06.2008
Skąd: jesteś ?

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

Witam. Stworzyłem sobie takie cuś a w nim "funkcja" która jest odpowiedzialna za zmiane przezroczystości. I problem jest w warunku, bo tak jakby go omija. Wiem że setTimeout było by lepsze ale nie potrafję go użyć.
Chcę osiągnąć efekt preoladera.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. 		<title>Untitled Document</title>
  6. 		<script type="text/javascript">
  7.  
  8. 						var s = 0.01;
  9. 			var d = 1;
  10. 			function zs(){
  11. 				document.cos.style.opacity = s;
  12. 				document.cos.style.filter = 'alpha(opacity='+d+')';
  13. 				d++;
  14. 				s+= 0.01;				
  15. 				document.s.ds.value=d;
  16. 			}
  17. 			if (d < 100) {
  18. 				setInterval("zs(s);", 100);
  19. 			}
  20. 			else {}
  21.  
  22. 		</script>
  23. 	</head>
  24. 	<body>
  25.  
  26. 	<form name="s">
  27. 		<input type="text" name="ds">
  28. 	</form>
  29. 	<br />
  30. 	<img src="a.jpg" alt="mak polny" name="cos" />
  31.  
  32. 	</body>
  33. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Żeby zatrzymać setInterval to dodajesz sobie trzecią zmienną, np.:
var intervalId = 0;
W momencie wywołania funkcji setInterval podpinasz ją do zmiennej intervalId:
intervalId = setInterval("zs()", 100);
i jeśli d nie jest mniejsze od 100 (czyli w bloku else) czyścisz interwał:
clearInterval(intervalId);
Go to the top of the page
+Quote Post
Woytek950
post
Post #3





Grupa: Zarejestrowani
Postów: 130
Pomógł: 2
Dołączył: 6.06.2008
Skąd: jesteś ?

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

Cytat(mortus @ 27.04.2010, 13:19:05 ) *
Żeby zatrzymać setInterval to dodajesz sobie trzecią zmienną, np.:
var intervalId = 0;
W momencie wywołania funkcji setInterval podpinasz ją do zmiennej intervalId:
intervalId = setInterval("zs()", 100);
i jeśli d nie jest mniejsze od 100 (czyli w bloku else) czyścisz interwał:
clearInterval(intervalId);

Racja. Zrobiłem tak:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3. 			var s = 0.01;
  4. 			var intervalId = 0;
  5. 			var d = 1;
  6.  
  7. 			function zs()
  8. 			{
  9. 				if (d < 100)
  10. 				{
  11. 					document.cos.style.opacity = s;
  12. 					document.cos.style.filter = 'alpha(opacity='+d+')';
  13. 					d++;
  14. 					s+= 0.01;				
  15. 					document.s.ds.value=d;
  16.  
  17. 					intervalId = setInterval("zs()", 1000);
  18. 				}
  19. 				else
  20. 				{
  21. 					clearInterval(intervalId);
  22. 				}
  23. 			}
  24.  
  25.  
  26.  
  27. 		</script>
[HTML] pobierz, plaintext

Tylko że teraz to liczby przeskakują i coraz szybciej jest.
Go to the top of the page
+Quote Post

Posty w temacie
- Woytek950   [JavaScript]Problem z setInterval   27.04.2010, 11:58:37
- - blooregard   [HTML] pobierz, plaintext setInterval("z...   27.04.2010, 12:03:29
- - Woytek950   Cytat(blooregard @ 27.04.2010, 13:03...   27.04.2010, 12:05:49
- - blooregard   CytatInnaczej się nie da. Racja, mój błąd. Ale wy...   27.04.2010, 12:07:59
|- - zegarek84   Cytat(blooregard @ 27.04.2010, 13:03...   1.05.2010, 01:56:51
|- - mortus   Cytat(zegarek84 @ 1.05.2010, 02:56:51...   1.05.2010, 07:21:33
- - nospor   KodsetInterval("zs()", 100...   27.04.2010, 12:10:06
- - mortus   Żeby zatrzymać setInterval to dodajesz sobie trzec...   27.04.2010, 12:19:05
|- - Woytek950   Cytat(mortus @ 27.04.2010, 13:19:05 )...   27.04.2010, 12:31:52
- - nospor   Cytati jeśli d nie jest mniejsze od 100 (czyli w b...   27.04.2010, 12:20:33
- - mortus   No tak, oczywiście. Opcjonalnie można zmodyfikować...   27.04.2010, 12:27:05
- - nospor   CytatOpcjonalnie można zmodyfikować nieco funkcję ...   27.04.2010, 12:28:37
|- - mortus   Cytat(nospor @ 27.04.2010, 13:28:37 )...   27.04.2010, 12:31:19
- - mortus   Przedtem miałeś dobrze, wystarczyło tylko w odpowi...   27.04.2010, 12:35:50
- - nospor   bo setInterval nikt ci nie kazal dawac do funkcji....   27.04.2010, 12:36:14
- - Woytek950   Dzięki wielkie [HTML] pobierz, plaintext var ...   27.04.2010, 12:41:06
- - zegarek84   ZAWSZE SIĘ DA a może pasowało by przeczytać cały ...   1.05.2010, 09:32:04

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.12.2025 - 00:37
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn