Pratique sur les temporisateurs et le travail avec le DOM en JavaScript

Un bouton est donné. Un paragraphe est donné, dont le texte est un nombre. En cliquant sur le bouton, démarrez un temporisateur qui, chaque seconde, augmentera le texte du paragraphe de 1.

Un bouton est donné. Un paragraphe est donné, dont le texte est un nombre, par exemple, 10. En cliquant sur le bouton, démarrez un temporisateur qui, chaque seconde, diminuera le texte du paragraphe de 1. Dès que la valeur du paragraphe devient égale à zéro - arrêtez le temporisateur.

Un champ de saisie avec un nombre est donné. Faites en sorte que chaque seconde, le carré du nombre qui y est saisi y apparaisse.

Un champ de saisie est donné. Un nombre y est saisi. Lors de la perte de focus, faites en sorte que dans le paragraphe ci-dessous un compte à rebours commence, à partir du nombre saisi. Lorsque le compte à rebours atteint zéro, il doit s'arrêter.

Un champ de saisie, un bouton et un paragraphe sont donnés. Un nombre est saisi dans le champ. En cliquant sur le bouton, écrivez le nombre saisi dans le texte du paragraphe et démarrez un compte à rebours dans le paragraphe : que chaque seconde le nombre dans le paragraphe diminue de un, jusqu'à ce qu'il atteigne zéro.

Un paragraphe et deux boutons sont donnés. Faites en sorte qu'en cliquant sur le premier bouton, un temporisateur démarre dans le paragraphe de 1 à l'infini, et qu'en cliquant sur le second, le temporisateur s'arrête.

Un paragraphe est donné. Faites en sorte que chaque seconde il change de couleur du rouge au vert et vice-versa.

Si vous affichez à l'écran chaque seconde l'instant actuel, vous pouvez créer une horloge qui avance. Implémentez une horloge similaire à celle montrée ci-dessous dans l'exemple :