Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak podzielić wyświetlanie czasu?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
morphic
Witajcie,

Mam kod JS o zawartości:
  1. <script type="text/javascript">
  2. var Timer;
  3. var TotalSeconds;
  4. var targetDate = "19 February, 2013 07:25:00";
  5.  
  6. function CreateTimer(TimerID) {
  7. Timer = document.getElementById(TimerID);
  8.  
  9. today = new Date();
  10. todayEpoch = today.getTime();
  11.  
  12. target = new Date(targetDate);
  13. targetEpoch = target.getTime();
  14.  
  15. TotalSeconds = (targetEpoch - todayEpoch)/1000; // get difference and convert to seconds
  16.  
  17.  
  18. UpdateTimer()
  19. window.setTimeout("Tick()", 1000);
  20. }
  21.  
  22. function Tick() {
  23. TotalSeconds -= 1;
  24. UpdateTimer();
  25.  
  26. if (Math.floor(TotalSeconds) <= 0){
  27. window.location.href = "index2.html";
  28. }
  29. else{
  30. window.setTimeout("Tick()", 1000);
  31. }
  32. }
  33.  
  34.  
  35. function LeadingZero(Time) {
  36. return (Time < 10) ? "0" + Time : Time;
  37. }
  38.  
  39. function UpdateTimer() {
  40. var Seconds = TotalSeconds;
  41.  
  42. var Days = Math.floor(Seconds / 86400);
  43. Seconds -= Days * 86400;
  44.  
  45. var Hours = Math.floor(Seconds / 3600);
  46. Seconds -= Hours * (3600);
  47.  
  48. var Minutes = Math.floor(Seconds / 60);
  49. Seconds -= Minutes * (60);
  50.  
  51. Seconds = Math.floor(Seconds);
  52.  
  53. var TimeStr = LeadingZero(Days) + " Days " + LeadingZero(Hours) + " hrs " + LeadingZero(Minutes) + " min " + LeadingZero(Seconds) + " sec ";
  54.  
  55. Timer.innerHTML = TimeStr ;
  56. }
  57. </script>


I na stronie wyświetla się wynik przy użyciu kodu:
  1. <div id='timer'><span id="days">0</li>
  2. <br /><span id="t"> DAYS </span></div>
  3. <script type="text/javascript">window.onload = CreateTimer("timer");</script>


I teraz pojawia się pytanie. Potrzebuję wynik wyświetlić w czterech oddzelnych divach (dni, godziny, minuty, sekundy) i pojęcia nie mam jak to zrobić (ma to być w czystym JS - wiem, że w jQuery to parę linijek kodu). Końcowy efekt ma przypominać coś w stylu tego

Pomocy smile.gif
com
Rozumiem, że chodziło o cos takiego: http://jsfiddle.net/nFJAk/ wink.gif
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.