Načrtovanje in razvoj spletnih aplikacij

27. vaja: Časovni dogodki

Spoznali bomo
  • Kako z JavaScritom programsko kodo izvedemo zakasnjeno ali pa ponavljamo njeno izvajanje v določenih časovnih intervalih

Sestavi spletno stran, ki jo prikazujeta spodnja slika in video. Stran poimenuj 27vaja-JS-priimek-ime.html. Stran naj bo izdelana v HTML5 in s CSS.

Koda JavaScript
  • V prvem obrazcu v vnosnem polju teče odštevalnik, ki od začetnih 30 sekund odšteva čas proti 0. Odštevalnik samodejno zažene program JavaScripta ob odpiranju spletne strani
  • V drugem obrazcu je štoparica, ki jo sestavljajo vnosno polje in dva gumba. Program JavaScript v vnosnem polju prikazuje čas štoparice, ki čas prikazuje v formatu 00:00:00:00 (ur:minut:sekund:stotink sekund). Prvi gumb zažene ali zaustavi štoparico, drugi gumb pa čas postavi na začetno stanje 00:00:00:00

Slika spletne strani, ko se stran naloži v brskalniku:

Slika spletne strani v brskalniku:
Slika 27.vaje: Časovni dogodki

Video spletne strani:

Video spletne strani v brskalniku