Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> timer
tkostek
post 26.08.2010, 16:38:53
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 1
Dołączył: 21.05.2010

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

potrzebny mi jest timer w js który w danych wejściowych otrzyma liczbę sekund podzieli ją na godziny, minuty, sekundy i będzie odliczał do zera. prosiłbym o link lub kodzik bo w js kompletnie się nie łapię.
Go to the top of the page
+Quote Post
wookieb
post 26.08.2010, 16:44:50
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
google -> javascript countdown


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
tkostek
post 26.08.2010, 17:02:14
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 1
Dołączył: 21.05.2010

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

wpisałem ale na polskich stronach jest niezbyt dużo
Go to the top of the page
+Quote Post
flashdev
post 26.08.2010, 17:59:00
Post #4





Grupa: Zarejestrowani
Postów: 812
Pomógł: 117
Dołączył: 2.12.2008

Ostrzeżenie: (10%)
X----

Kod
function countDown(sec, fh){
function time(sec){
var s = sec%60;
sec = (sec-s)/60;
var m = sec%60;
sec = (sec-m)/60;
var h = sec%24;
sec = (sec-h)/24;
return h + ':' + m + ':' + s;
}
var iid = setInterval(function(){
--sec;
fh(time(sec));
if( !sec ){
clearInterval(iid);
}
}, 1e3);
fh(time(sec));
}

countDown(5, alert);


Nie testowałem, nie gwarantuję że działa.


--------------------
generator haseł
Go to the top of the page
+Quote Post
tkostek
post 27.08.2010, 09:20:41
Post #5





Grupa: Zarejestrowani
Postów: 25
Pomógł: 1
Dołączył: 21.05.2010

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

ok powiedzmy że mam skrypt, znalazłem na googlach.

no i teraz chciałbym go wstawić do php żeby odliczało mi od jakieś wartości i nie bardzo wiem jak to zrobić.
próbowałem tak:
[HTML] pobierz, plaintext 
  1. <script> 
  2. <!-- 
  3. // 
  4.  var milisec=0 
  5. var seconds=100 
  6.  document.counter.d2.value='30' 
  7.  
  8. function display(){ 
  9.  if (milisec<=0){ 
  10.     milisec=9 
  11.     seconds-=1 
  12.  } 
  13.  if (seconds<=-1){ 
  14.     milisec=0 
  15.     seconds+=1 
  16.  } 
  17.  else 
  18.     milisec-=1 
  19.     document.counter.d2.value=seconds+"."+milisec 
  20.     setTimeout("display()",100) 
  21. } 
  22. --> 
  23. </script>
  24. <?
  25. $od=10;
  26. echo '<form name="counter"><input type="text" size="8" name="d2"></form>';
  27. $js="<script>display(seconds=$od)</script>";
  28. echo $js;
  29. ?>
[HTML] pobierz, plaintext

i nie działa, dlaczego?questionmark.gif

Ten post edytował tkostek 27.08.2010, 09:26:18
Go to the top of the page
+Quote Post
flashdev
post 27.08.2010, 14:18:43
Post #6





Grupa: Zarejestrowani
Postów: 812
Pomógł: 117
Dołączył: 2.12.2008

Ostrzeżenie: (10%)
X---- 

[HTML] pobierz, plaintext 
  1. <input type="text" id="tf" />
  2. <script>function countDown(sec, fh){
  3. function time(sec){
  4. var s = sec%60;
  5. sec = (sec-s)/60;
  6. var m = sec%60;
  7. sec = (sec-m)/60;
  8. var h = sec%24;
  9. sec = (sec-h)/24;
  10. return h + ':' + m + ':' + s;
  11. }
  12. var iid = setInterval(function(){
  13. --sec;
  14. fh(time(sec));
  15. if( !sec ){
  16. clearInterval(iid);
  17. }
  18. }, 1e3);
  19. fh(time(sec));
  20. }
  21.  
  22. countDown(155, function(t){
  23. document.getElementById('tf').value = t;
  24. });
  25. </script>
[HTML] pobierz, plaintext


--------------------
generator haseł
Go to the top of the page
+Quote Post
zegarek84
post 28.08.2010, 14:57:56
Post #7





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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

[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <title>Timer</title>
  4.         <script type="text/javascript">
  5.             function timers($input, $sekund){
  6.                 var $ms=$sekund*1000+700,
  7.                 $self=this,
  8.                 $odliczanie,
  9.                 wyswietl = function($ob){
  10.                     $input.value=[$ob.h,$ob.m,$ob.s].join(':');
  11.                 },
  12.                 prepare = function($l){
  13.                     if($l<10)$l=[0, $l].join('');
  14.                     return $l;
  15.                 },
  16.                 pozostalo =function($ms){
  17.                     var time=new Date($ms),
  18.                     $h = time.getUTCHours(),
  19.                     $m = time.getUTCMinutes(),
  20.                     $s = time.getUTCSeconds();
  21.                     return {h:prepare($h), m:prepare($m), s:prepare($s)};
  22.                 },
  23.                 koniec=new Date((new Date).getTime() + $ms);
  24.                 this.go = function(){
  25.                     var teraz = new Date,
  26.                     reszta = koniec.getTime()-teraz.getTime();
  27.                     if(reszta<0){
  28.                         reszta=0;
  29.                         clearTimeout($odliczanie);
  30.                     } else {
  31.                         $odliczanie = setTimeout($self.go, 1000);
  32.                     }
  33.                     wyswietl(pozostalo(reszta));
  34.                 }
  35.             };
  36.             function ini(){
  37.                 var $input = document.forms['counter'].timer,
  38.                 $t = new timers($input, 30); // tutaj podajesz liczbę sekund...
  39.                 $t.go();
  40.             };
  41.             window.onload=ini;
  42.         </script>
  43.  
  44.     </head>
  45.     <body>
  46.         <form name="counter"><input type="text" value="" size="8" name="timer"></form>
  47.     </body>
  48. </html>
[HTML] pobierz, plaintext


Ten post edytował zegarek84 28.08.2010, 15:07:48


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 27.06.2025 - 22:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn