Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: timer
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
tkostek
26.08.2010, 16:38:53
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ę.
wookieb
26.08.2010, 16:44:50
google -> javascript countdown
tkostek
26.08.2010, 17:02:14
wpisałem ale na polskich stronach jest niezbyt dużo
flashdev
26.08.2010, 17:59:00
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.
tkostek
27.08.2010, 09:20:41
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
flashdev
27.08.2010, 14:18:43 
[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
zegarek84
28.08.2010, 14:57:56 
[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
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.