• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak usprawnić działanie mojego countdown timera?

VPS Starter Arubacloud
0 głosów
152 wizyt
pytanie zadane 7 sierpnia 2018 w JavaScript przez moment Początkujący (260 p.)
Witam, robię countdown timer https://codepen.io/anon/pen/NBLLVb i mam kilka pytań:

1. Jak zrobić aby nie było możliwości wpisania w inputy liczb ujemnych (np. w Hourse -12)?

2. Jak zrobić aby nie było możliwości wpisania w inputy większych liczb niż dla Hours 23, minutes i seconds 59?

3. Jak zrobić aby timer kończył się na 00:00:00 a nie na 0:-1:59?

2 odpowiedzi

0 głosów
odpowiedź 7 sierpnia 2018 przez cz3ran Stary wyjadacz (13,380 p.)

Co do pierwszych 2 najepiej użyć inputa o typie number - wtedy możesz określić dla takiego pola max i min, przykłąd: https://www.w3schools.com/tags/att_input_min.asp

Co do 3 możesz sprawdzać czy minuty, sekundy, godziny są już zerem i stopować timer.

komentarz 7 sierpnia 2018 przez Tomek Sochacki Ekspert (227,510 p.)

wtedy możesz określić dla takiego pola max i min

ale ręcznie nadal możesz wpisać liczbę ujemną, jedynie suwaki nie pozwolą na to.

0 głosów
odpowiedź 7 sierpnia 2018 przez Tomek Sochacki Ekspert (227,510 p.)
Pola typu number owszem, nie pozwolą Ci suwakami zejść poniżej zera, ale możesz nadal z łapki wpisać wartość ujemną. Możesz to rozwiązać na parę sposobów, na przykład owinąć te inputy w <form> i zrobić walidację html5, albo (lub dodatkowo) w JS po kliknięciu start zwalidować pola przed puszczeniem odliczania. Jeśli jakaś walidacja nie przejdzie to po prostu nie aktywujesz licznika i pokazujesz info o błędzie.

Podobne pytania

0 głosów
1 odpowiedź 159 wizyt
pytanie zadane 28 grudnia 2018 w JavaScript przez Whereismycode Obywatel (1,710 p.)
0 głosów
0 odpowiedzi 213 wizyt
pytanie zadane 31 marca 2018 w JavaScript przez KrosFire Nowicjusz (210 p.)
0 głosów
1 odpowiedź 145 wizyt
pytanie zadane 3 maja 2016 w JavaScript przez Mr.Qwertly Nowicjusz (220 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...