M06 UF1Pr3. Objecte Clock

Introducció

Teoria que s'ha vist sobre els objectes de Javascript:

• https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Working_with_Objects

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, i atura si estigués arrencat.
• set(hora, minut, segon) posa hora, minut i segon als valors proporcionats.
• formata(): formata amb la cadena hh:mi:ss (2 dígits)

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