Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: setInterval wywołanie zdarzenia
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
marcinpruciak
Mam taki kod:
[JAVASCRIPT] pobierz, plaintext
  1. $("#p2").click(function(){
  2. $(".bannerimg2").css('display', 'block');
  3. $("#bannertitle2").css('display', 'block');
  4. $("#bannercontent2").css('display', 'block');
  5. $(".bannerimg1").css('display', 'none');
  6. $("#bannertitle1").css('display', 'none');
  7. $("#bannercontent1").css('display', 'none');
  8. $(".bannerimg3").css('display', 'none');
  9. $("#bannertitle3").css('display', 'none');
  10. $("#bannercontent3").css('display', 'none');
  11.  
  12. $("#p2").addClass("active");
  13. $("#p1").removeClass("active");
  14. $("#p3").removeClass("active");
  15.  
  16. });
  17.  
  18. $("#p1").click(function(){
  19. $(".bannerimg1").css('display', 'block');
  20. $("#bannertitle1").css('display', 'block');
  21. $("#bannercontent1").css('display', 'block');
  22.  
  23. $(".bannerimg2").css('display', 'none');
  24. $("#bannertitle2").css('display', 'none');
  25. $("#bannercontent2").css('display', 'none');
  26. $(".bannerimg3").css('display', 'none');
  27. $("#bannertitle3").css('display', 'none');
  28. $("#bannercontent3").css('display', 'none');
  29.  
  30. $("#p1").addClass("active");
  31. $("#p2").removeClass("active");
  32. $("#p3").removeClass("active");
  33.  
  34. });
  35.  
  36. $("#p3").click(function(){
  37. $(".bannerimg3").css('display', 'block');
  38. $("#bannertitle3").css('display', 'block');
  39. $("#bannercontent3").css('display', 'block');
  40.  
  41. $(".bannerimg2").css('display', 'none');
  42. $("#bannertitle2").css('display', 'none');
  43. $("#bannercontent2").css('display', 'none');
  44. $(".bannerimg1").css('display', 'none');
  45. $("#bannertitle1").css('display', 'none');
  46. $("#bannercontent1").css('display', 'none');
  47.  
  48. $("#p3").addClass("active");
  49. $("#p2").removeClass("active");
  50. $("#p1").removeClass("active");
  51.  
  52. });
[JAVASCRIPT] pobierz, plaintext

Odpowiada on za zmianę bannera, po naciśnięciu przycisku. Teraz chciałbym aby banner automatycznie się zmieniał co jakiś czas. Nie wiem jak się za to zabrać.

kamil4u
- https://developer.mozilla.org/pl/DOM/window.setInterval
- wywołanie funkcji przypisanej pod zdarzenie( symulacja zdarzenia ):
Kod
$('#id').click();
albo to http://api.jquery.com/trigger/
marcinpruciak
Dzięki działa.

Mam kolejny problem, nie mam pomysłu jak wywoływać te funkcje po kolei,wymyśliłem coś takiego, ale nie działa tak jak trzeba:
[JAVASCRIPT] pobierz, plaintext
  1. function pause(millis)
  2. {
  3. var date = new Date();
  4. var curDate = null;
  5.  
  6. do { curDate = new Date(); }
  7. while(curDate-date < millis)
  8. }
  9.  
  10.  
  11. function doSomething(){
  12. $('#p1').click();
  13. pause(5000);
  14. $('#p2').click();
  15. pause(5000);
  16. $('#p3').click();
  17. pause(5000);
  18. }
  19.  
  20. setInterval("doSomething()", 5000);
[JAVASCRIPT] pobierz, plaintext
kamil4u
Zrób tak:
Kod
setInterval( function(){
funkcja1();
setTimeout( funkcja2 , 500 );
setTimeout( funkcja3, 1000);
}, 1500);


https://developer.mozilla.org/pl/DOM/window.setTimeout
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.