https://github.com/aperbet56/chronometre

Chronometre
https://github.com/aperbet56/chronometre

animation-css clearinterval css3 flexbox html5 javascript setinterval

Last synced: 22 days ago
JSON representation

Chronometre

• Host: GitHub
• URL: https://github.com/aperbet56/chronometre
• Owner: aperbet56
• Created: 2023-10-01T15:23:04.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-09-18T16:37:03.000Z (8 months ago)
• Last Synced: 2025-09-18T18:59:15.521Z (8 months ago)
• Topics: animation-css, clearinterval, css3, flexbox, html5, javascript, setinterval
• Language: JavaScript
• Homepage: https://aperbet56.github.io/chronometre/
• Size: 27.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## CHRONOMETRE

![Design preview for the project](./img/preview.png)

## Le challenge

Mon challenge était de construire un chronomètre. Pour démarrer le chronomètre, il suffit de cliquer sur le bouton "Start". Pour stopper le chronomètre, il faut cliquer sur le bouton "stop". Enfin, pour remettre à zéro le chronomètre, cliquez sur le bouton "reset".

## Démonstration

Lien vers le projet : https://aperbet56.github.io/chronometre/

## Projet développé avec

- Utilisation des balises sémantiques HTML5

- CSS

- Flexbox

- Animation CSS sur les trois boutons au survol de la souris

- JavaScript (fonctions fléchées, écouteurs d'événement...)

- Code commenté dans le fichier script.js

- Page web responsive