Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak podzielić wyświetlanie czasu?
morphic
post 18.02.2013, 18:02:55
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 18.02.2013

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


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
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 01:44