Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zegar liczący do tyłu.
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
barteczek
31.05.2010, 17:21:59
Witam.
Potrzebuję zrobić skrypt, który liczyłby godziny i minuty do tyłu od bieżącej godziny i minuty.

Efekt ma być taki:
Jest 12.00.00
11.59.59
11.59.58
11.59.57
11.59.56
11.59.55
itd.

Zegar ma być wyświetlany na stronie www.

Macie jakieś pomysły?
help!
kamil4u
31.05.2010, 20:12:43
Nie sprawdzałem:
Kod
<span id="test"></span>

<script>
window.onload = function(){
var el = document.getElementById("test");
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();

setInterval(function(){
if(h==0 && m==0 && s==0) h=59;
if(m==0 & s==0){ --h; m=59; }
if(s==0){ m--; s=60; }
--s;
el.innerHTML = h+":"+m+":"+s;
},1000);

}
</script>
barteczek
31.05.2010, 21:11:18
Super wielkie dzięki. Sam zrobiłem to troszkę po dłuższemu biggrin.gif

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <form name="zegarek">
  6. <input type="text" size="11" name="wstecz">
  7. </form>
  8.  
  9. <script>
  10. var czas=new Date()
  11. var hours=czas.getHours()
  12. var minutes=czas.getMinutes()
  13. var seconds=czas.getSeconds()
  14.  
  15. function czas_wstecz(){
  16. for(i=1;i<2;i++){
  17. seconds--;
  18. if (seconds=="-1"){
  19. seconds=59;
  20. minutes--;
  21. }
  22. if (minutes=="-1"){
  23. minutes=59;
  24. hours--;
  25. }
  26. if (hours=="-1"){
  27. hours=23;
  28. }
  29. }
  30.  
  31. if ((hours<=9) && (minutes<=9) && (seconds<=9)){
  32. document.zegarek.wstecz.value="0"+hours+":0"+minutes+":0"+seconds
  33. }else if ((hours<=9) && (minutes<=9)){
  34. document.zegarek.wstecz.value="0"+hours+":0"+minutes+":"+seconds
  35. }else if ((hours<=9) && (seconds<=9)){
  36. document.zegarek.wstecz.value="0"+hours+":"+minutes+":0"+seconds
  37. }else if ((minutes<=9) && (seconds<=9)){
  38. document.zegarek.wstecz.value=hours+":0"+minutes+":0"+seconds
  39. }else if (hours<=9){
  40. document.zegarek.wstecz.value="0"+hours+":"+minutes+":"+seconds
  41. }else if (minutes<=9){
  42. document.zegarek.wstecz.value=hours+":0"+minutes+":"+seconds
  43. }else if (seconds<=9){
  44. document.zegarek.wstecz.value=hours+":"+minutes+":0"+seconds
  45. }else{
  46. document.zegarek.wstecz.value=hours+":"+minutes+":"+seconds
  47. }
  48. setTimeout("czas_wstecz()", 1000);
  49. }
  50. czas_wstecz()
  51. </script>
  52. </body>
  53. </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.