Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Countdown
Snoopy
post
Post #1





Grupa: Zarejestrowani
Postów: 92
Pomógł: 0
Dołączył: 5.02.2006

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

Potrzebuję prosty skrypt odliczający czas od jakiejś wartości do zera.

powinien wyglądać tak:
-przez jakis skrypt php wysyłam wartość w sekundach do skryptu JS
-w js, sekundy są zliczane na minuty, godziny - dni i wyższe wartości są niepotrzebne, moze sie przytrafić ze bedzie np. 115 godzin
-nastepnie co sekundę licznik powinien być odswierzany i pomniejszany o 1 sek
-gdy dojdzie do zera powinien pojawic się takiś tekst zamiast licznika albo jakieś zdarzenie (obstaję przy tekscie)

I tu prośba do forumowiczów. Nie znam się na JS więc chciałbym aby ktoś napisał taki banalny kodzik. Byłbym wdzięczy zwłaszcza że wszystkie countdowny na necie są albo za bardzo rozbudowane, albo trudne do rozgryzienia. A mi chodzi o takie proste liczydło.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

Potrzebna będzie obsługa ciastek stąd:
http://www.quirksmode.org/js/cookies.html

I skrypt. Wygląda to tak że co sekundę jest zapisywane ciastko z aktualnym licznikiem. Po refreshu przy inicjacji licznika sprawdzana jest obecność ciastek, jeśli istnieje to stan licznika jest odczytywany z ciastka i użyty do inicjacji licznika.
Jeśli ciastek nie ma to licznik startuje z domyślnymi wartościami.

Przycisk usuń ciacha zeruje wszystko.

Licznik jest zapamiętywany i po opuszczeniu strony nie idzie dalej. Aby licznik działał po opuszczeniu strony trzeba by zapamiętywać jeszcze czas i przy odczycie pobierać aktualny czas, wyliczać rożnicę w czasie i tą różnicę odejmować od licznika (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Wygląda to prosto ale takie nie jest (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4.  
  5. var IdNo = 0;
  6.  
  7. //cookie
  8. function createCookie(name,value,days) {
  9.     if (days) {
  10.         var date = new Date();
  11.         date.setTime(date.getTime()+(days*24*60*60*1000));
  12.         var expires = "; expires="+date.toGMTString();
  13.     }
  14.     else var expires = "";
  15.     document.cookie = name+"="+value+expires+"; path=/";
  16. }
  17.  
  18. function readCookie(name) {
  19.     var nameEQ = name + "=";
  20.     var ca = document.cookie.split(';');
  21.     for(var i=0;i < ca.length;i++) {
  22.         var c = ca[i];
  23.         while (c.charAt(0)==' ') c = c.substring(1,c.length);
  24.         if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  25.     }
  26.     return null;
  27. }
  28.  
  29. function eraseCookie(name) {
  30.     createCookie(name,"",-1);
  31. }
  32.  
  33. //time
  34. function time (hours,mins,secs,span) {
  35.     this.id = "time" + IdNo++;
  36.     window[this.id] = this;
  37.     this.hours = hours;
  38.     this.mins = mins;
  39.     this.secs = secs;
  40.  
  41.     this.span = span;
  42.     this.show = show;
  43. }
  44.  
  45. function show() {
  46.  
  47.    createCookie('czas',this.hours+":"+this.mins+":"+this.secs);
  48.  
  49.    if( this.secs > 0 ) {
  50.        this.secs--;
  51.    } else if( this.secs == 0 && this.mins > 0 ) {
  52.        this.mins--;
  53.        this.secs=59;
  54.    } else if ( this.secs == 0 && this.mins == 0 && this.hours > 0 ) {
  55.        this.hours--;
  56.        this.mins=59;
  57.        this.secs=59;
  58.    }
  59.    if( this.hours == 0 && this.mins == 0 && this.secs == 0 ) {
  60.        alert("Koniec czasu");
  61.    } else {
  62.  
  63.        document.getElementById( this.span ).innerHTML = "Time left: " +
  64.        (( this.hours < 10 ) ? ( "0" + this.hours ) : this.hours) + ":" +
  65.        (( this.mins < 10 ) ? ( "0" + this.mins ) : this.mins) + ":" +
  66.        (( this.secs < 10 ) ? ( "0" + this.secs ) : this.secs);
  67.    }
  68.    setTimeout("window."+this.id+".show()",1000);
  69. }
  70.  
  71.  
  72. function load() {
  73.  
  74.     var cookie_czas = readCookie('czas');
  75.  
  76.     if (cookie_czas) {
  77.         var out_czas = cookie_czas.split(":");
  78.  
  79.         hours = parseInt(out_czas[0]);
  80.         mins =  parseInt(out_czas[1]);
  81.         secs =  parseInt(out_czas[2]);
  82.  
  83.         var timer = new time(hours,mins,secs,"tm");
  84.  
  85.     } else {
  86.         var timer = new time(20,0,0,"tm");
  87.     }
  88.     timer.show();
  89. }
  90.  
  91. function erase() {
  92.     eraseCookie("czas");
  93.     eraseCookie("data");
  94.     document.location.href = document.location.href;
  95. }
  96.  
  97. </script>
  98. </head>
  99. <body onload="load()">
  100. <span id="tm"></span><br /><br />
  101. <button onclick="erase()">Usun ciacha</button>
  102. </body>
  103. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Snoopy   Countdown   22.03.2006, 23:11:41
- - revyag   Najprościej jak się da Kod<script type="t...   23.03.2006, 13:26:25
- - Snoopy   mój błąd... nieco modyfikacji powinno tam się znal...   23.03.2006, 14:34:55
- - revyag   Kod<script type="text/javascript"...   24.03.2006, 21:37:57
- - Snoopy   juz na innym forum mi ludzie pomogli: Kodvar hour...   24.03.2006, 21:43:39
- - revyag   Jakoś nie widzę żeby ten skrypt wyświetlał czas w ...   24.03.2006, 22:24:36
- - Snoopy   zajmuje mniej miejsca i o to mi chodziło...   24.03.2006, 23:43:40
- - revyag   Chyba mnie nie rozumiesz. Różni się tym że to: Kod...   25.03.2006, 18:27:47
- - Snoopy   Muszę jeszcze odkopać ten temat bo natrafiłem na p...   26.03.2006, 00:41:55
- - revyag   Nie przekażesz nic do pliku scripts.js. Podaj te w...   26.03.2006, 17:32:02
- - Mesektet   Odkopuję ten temat bo mam podobny problem, ale dod...   27.06.2008, 08:11:41
- - revyag   Potrzebna będzie obsługa ciastek stąd: http://www....   27.06.2008, 12:56:50
- - Mesektet   Super o to chodziło, dzięki   27.06.2008, 22:10:07
- - xavierek   Witam mam problem skrypt działa ok ale jak zrobic ...   24.09.2010, 13:55:11

« Następny starszy · JavaScript · 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: 4.12.2025 - 13:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn