Diferència entre revisions de la pàgina «M06 UF1Pr3. Objecte Clock»
Salta a la navegació
Salta a la cerca
m |
|||
| Línia 7: | Línia 7: | ||
*minut | *minut | ||
*segon | *segon | ||
| − | *sentit | + | *sentit (true-endavant, false-endarrere) |
| + | *estat (true-arrencat, false-aturat) | ||
I els següents mètodes: | I els següents mètodes: | ||
*arrenca(sentit) | *arrenca(sentit) | ||
*atura() | *atura() | ||
*pausa() | *pausa() | ||
| − | *reset() | + | *reset(): posa hora, minut i segon a 0. |
| − | *set() | + | *set(hora, minut, segon) posa hora, minut i segon a 0. |
*formata() | *formata() | ||
En el constructor passarem: | En el constructor passarem: | ||
| − | *hora, minut, segon (amb la possibilitat de què es passi l'hora, minut i segons actuals com a valors per defecte). I en el constructor també passarem el ''sentit''. | + | *hora, minut, segon (amb la possibilitat de què es passi l'hora, minut i segons actuals com a valors per defecte). I en el constructor també passarem el ''sentit'' i ''estat''. |
<pre> | <pre> | ||
| Línia 31: | Línia 32: | ||
També un botó '''+''' i un botó '''-''' per incrementar o decrementar el rellotge. | També un botó '''+''' i un botó '''-''' per incrementar o decrementar el rellotge. | ||
</pre> | </pre> | ||
| + | |||
=Tasques= | =Tasques= | ||
*DIV1: instància de Clock amb els valors actuals de Date(). Arrencar el Clock. | *DIV1: instància de Clock amb els valors actuals de Date(). Arrencar el Clock. | ||
Revisió del 19:15, 31 oct 2021
Contingut
Introducció
Teoria que s'ha vist sobre els objectes de Javascript:
Desenvolupament
Crea l'objecte Clock, amb les següents propietats:
- hora
- minut
- segon
- sentit (true-endavant, false-endarrere)
- estat (true-arrencat, false-aturat)
I els següents mètodes:
- arrenca(sentit)
- atura()
- pausa()
- reset(): posa hora, minut i segon a 0.
- set(hora, minut, segon) posa hora, minut i segon a 0.
- formata()
En el constructor passarem:
- hora, minut, segon (amb la possibilitat de què es passi l'hora, minut i segons actuals com a valors per defecte). I en el constructor també passarem el sentit i estat.
function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) {
statements
}
Joc de proves
Crea una petita pàgina web, amb diferents DIVs per ubicar diferents instàncies del rellotge, i testeja els diferents mètodes que has definit.
Interfície web (ToDo en la UF3)
Més endavant (UF3), es farà una interfície amb botons per tal d'arrencar, aturar i fer reset del rellotge, i un checkbox que determini el sentit (endavant o endarrere). També un botó + i un botó - per incrementar o decrementar el rellotge.
Tasques
- DIV1: instància de Clock amb els valors actuals de Date(). Arrencar el Clock.
- DIV2: instància de Clock amb els valors (hora: 00; minut: 00: segon: 00). Quan el primer Clock (DIV1) porti 10 segons en funcionament, aquest Clock arrenca com a cronòmetre.
- DIV3: temporitzador. Instància de Clock amb els valors (hora: 00; minut: 05: segon: 00). El temporitzador arrenca anat endarrere. Implementem la següent regla: mentre el segon rellotge té minuts parells, aquest tercer rellotge entra en mode pausa.
Entrega
creat per Joan Quintana Compte, octubre 2021
