Diferència entre revisions de la pàgina «M06 UF1Pr3. Objecte Clock»
Salta a la navegació
Salta a la cerca
(Es crea la pàgina amb «=Introducció= (TBD) =Desenvolupament= (TBD) <pre> crea l'objecte ''Clock'', amb les propietats hora minut segon sentit arrenca(sentit) atura() pausa() reset() set(...».) |
m |
||
| Línia 1: | Línia 1: | ||
=Introducció= | =Introducció= | ||
| − | + | Teoria que s'ha vist sobre els objectes de Javascript: | |
| + | *https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Working_with_Objects | ||
=Desenvolupament= | =Desenvolupament= | ||
| − | + | Crea l'objecte ''Clock'', amb les següents propietats: | |
| − | + | *hora | |
| − | + | *minut | |
| + | *segon | ||
| + | *sentit | ||
| + | I els següents mètodes: | ||
| + | *arrenca(sentit) | ||
| + | *atura() | ||
| + | *pausa() | ||
| + | *reset() | ||
| + | *set() | ||
| + | *formata() | ||
| − | hora | + | En el constructor passarem: |
| − | minut | + | *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''. |
| − | segon | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <pre> | |
| − | + | function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) { | |
| − | + | statements | |
| − | + | } | |
| − | + | </pre> | |
| − | + | ==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. | ||
</pre> | </pre> | ||
=Tasques= | =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= | =Entrega= | ||
{{Autor}}, octubre 2021 | {{Autor}}, octubre 2021 | ||
Revisió del 19:02, 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
I els següents mètodes:
- arrenca(sentit)
- atura()
- pausa()
- reset()
- set()
- 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.
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
