Harjoitus ajastimista ja DOM:n käsittelystä JavaScriptissä
Annettu painike. Annettu kappale, jonka tekstinä
on numero. Painiketta painamalla käynnistä
ajastin, joka lisää kappaleen tekstiä yhdellä 1
joka sekunti.
Annettu painike. Annettu kappale, jonka tekstinä
on numero, esimerkiksi 10. Painiketta painamalla
käynnistä ajastin, joka vähentää kappaleen tekstiä
yhdellä 1 joka sekunti.
Kun kappaleen arvo on nolla
- pysäytä ajastin.
Annettu numerosyöttökenttä. Tee niin, että joka sekunti siinä näkyy siinä olevan luvun neliö.
Annettu syöttökenttä. Siihen syötetään numero. Kun kenttä menettää kohdistuksen, aloita alla olevassa kappaleessa lähtölaskenta, joka alkaa syötetystä numerosta. Kun lähtölaskenta saavuttaa nollan - sen tulisi päättyä.
Annettu syöttökenttä, painike ja kappale. Syöttökenttään syötetään jokin numero. Painiketta painamalla kirjoita syötetty numero kappaleen tekstiin ja käynnistä lähtölaskenta kappaleessa: vähennä numeroa kappaleessa yhdellä joka sekunti, kunnes se saavuttaa nollan.
Annettu kappale ja kaksi painiketta. Tee niin, että
ensimmäistä painiketta painamalla kappaleessa alkaa
käydä ajastin arvosta 1 äärettömään,
ja toista painiketta painamalla ajastin pysähtyy.
Annettu kappale. Tee niin, että joka sekunti se vaihtaa väriään punaisesta vihreäksi ja takaisin.
Jos näytölle tulostetaan joka sekunti nykyinen aikaleima, voidaan tehdä tikittävä kello. Toteuta samanlainen kello, kuten alla esimerkissä näytetään: