Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]dodawanie minut javascript
Forum PHP.pl > Forum > Przedszkole
El Nino9
witam
chcę stworzyć skrypt, za pomocą którego po kliknięciu przycisku godzina umieszczona w polu formularza uległa zmianie o x minut
po wejściu na stronę ma wyświetlić się obecna godzina, którą możemy zwiększyć/zmniejszyć o np. 15 min


to kod html:
  1. <input type="text" class="inp1" id="frm_hour" ></input> <a href="java script:void(null);" class="kw" id="oko" onclick="changeTime();"></a>

a tak próbowałem z java script:

  1. <script type="text/javascript">
  2.  
  3.  
  4. var teraz = new Date();
  5. $('#frm_hour').val(addZero(teraz.getHours())+':'+addZero(teraz.getMinutes()));
  6.  
  7. function addZero(i){
  8. if (i<10){
  9. i="0" + i;
  10. }
  11. return i;
  12. }
  13.  
  14. function changeTime() {
  15. if (o === 1) {
  16. var e = newdate.getMinutes();
  17. alert (e);
  18. newdate.setMinutes(e+15);
  19. $('#frm_hour').val(addZero(newdate.getHours())+':'+addZero(newdate.getMinutes()));
  20.  
  21. }
  22.  
  23. if (typeof newdate === "undefined") {
  24. var newdate = new Date();
  25. var mins = newdate.getMinutes();
  26. newdate.setMinutes(mins+15);
  27. var o = 1;
  28.  
  29. $('#frm_hour').val(addZero(newdate.getHours())+':'+addZero(newdate.getMinutes()));
  30. }
  31.  
  32.  
  33. }


o ile dodanie pierwszych 15 minut działa, to za drugim razem już nie działa
jak zmodyfikować ten skrypt?
kamil4u
Napisałem od nowa:
[JAVASCRIPT] pobierz, plaintext
  1. <span id="time"></span>
  2. <input type="button" value="+15" id="add">
  3.  
  4. <script>
  5. onload = function(){
  6. var time = new Date();
  7. document.getElementById("time").innerHTML = time.toLocaleTimeString();
  8. document.getElementById("add").onclick = function(){
  9. var newTime;
  10.  
  11. newTime = new Date( time );
  12. newTime.setMinutes( newTime.getMinutes() + 15 );
  13.  
  14. time = newTime;
  15.  
  16. document.getElementById("time").innerHTML = time.toLocaleTimeString();
  17. }
  18. }
  19. </script>
[JAVASCRIPT] 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.