Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML] Do wydarzenia pozostało... (gotowy skrypt - problem z ustawieniem daty)
Forum PHP.pl > Forum > Przedszkole
ala500
witajcie
Znalazłem taki oto skrypt (odliczanie czasu na żywo):
  1. <form name="abcdef">
  2. <font color="black">Jeszcze</font>
  3. <input type="text" name="b" size=2 value=""><font color="black"> miesięcy, </font>
  4. <input type="text" name="c" size=2 value=""><font color="black"> dni, </font>
  5. <input type="text" name="d" size=2 value=""><font color="black"> godzin, </font>
  6. <input type="text" name="e" size=2 value=""><font color="black"> minut, i </font>
  7. <input type="text" name="f" size=2 value=""><font color="black"> sekund </font>
  8. <font color="black">pozostało do nowego roku.</font>
  9. </form>
  10.  
  11. <script language="JavaScript">
  12.  
  13. <!--
  14. // script by Nicolas
  15.  
  16. var Temp2;
  17. var timerID = null;
  18. var timerRunning = false;
  19.  
  20. var timerID = null;
  21. var timerRunning = false;
  22.  
  23. function stopclock () {
  24. if(timerRunning)
  25. clearTimeout(timerID);
  26. timerRunning = false;
  27.  
  28. }
  29.  
  30. function startclock () {
  31. stopclock();
  32. showtime();
  33.  
  34. }
  35.  
  36. function showtime() {
  37.  
  38. now = new Date();
  39. var CurHour = now.getHours();
  40. var CurMinute = now.getMinutes();
  41. var CurMonth = now.getMonth();
  42. var CurDate = now.getDate();
  43. var CurSecond = now.getSeconds();
  44. now = null;
  45. var Hourleft = 23 - CurHour
  46. var Minuteleft = 59 - CurMinute
  47. var Secondleft = 59 - CurSecond
  48. var Monthleft = 11 - CurMonth
  49. var Dateleft = 31 - CurDate
  50.  
  51. document.abcdef.b.value = Monthleft
  52. document.abcdef.c.value = Dateleft
  53. document.abcdef.d.value = Hourleft
  54. document.abcdef.e.value = Minuteleft
  55. document.abcdef.f.value = Secondleft
  56.  
  57. timerID = setTimeout("showtime()",1000);
  58. timerRunning = true;
  59. }
  60.  
  61. startclock();
  62. // -->
  63.  

Chcę ustawić w nim datę 07.02.2014 20:14:00
Ale gdy ustawiam:
  1. var Hourleft = 20 - CurHour
  2. var Minuteleft = 14 - CurMinute
  3. var Secondleft = 00 - CurSecond
  4. var Monthleft = 02 - CurMonth
  5. var Dateleft = 07 - CurDate

to wychodzi, że wydarzenie rozpocznie się... za dwa miesiące
a z kolei dni i minuty wychodzą ujemne...
Czy ktoś byłby uprzejmy mi pomóc poprawnie ustawić datę?
Daimos
coś się słabo starasz, jak nie miałem pojęcia o javascripcie i coś nie działało, to szukałem innego gotowca wink.gif
  1. <script type="text/javascript">
  2. today = new Date();
  3. BigDay = new Date("December 25, 2020");
  4. msPerDay = 24 * 60 * 60 * 1000 ;
  5. timeLeft = (BigDay.getTime() - today.getTime());
  6. e_daysLeft = timeLeft / msPerDay;
  7. daysLeft = Math.floor(e_daysLeft);
  8. e_hrsLeft = (e_daysLeft - daysLeft)*24;
  9. hrsLeft = Math.floor(e_hrsLeft);
  10. minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);
  11. document.write("There are only<BR> <H4>" + daysLeft + " days " + hrsLeft +" hours and " + minsLeft + " minutes left </H4> Until December 25th 2020<P>");

Pierwszy lepszy z googla i działa, a jak wpisywać datę, to masz tutaj:
http://www.w3schools.com/js/js_obj_date.asp
ala500
Ja znalazłem też podobny, ale niestety nie pokazuje on sekund (zmieniających się "na żywo").
Ten też niestety jest bez sekund...
sad.gif
Daimos
naucz się korzystać z googla, albo zleć to komuś:
http://www.javascriptkit.com/script/script2/count2.shtml
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.