Skip to content

Temporizador personalizado pelo usuário ⏱ - Stage05, Project03 - Rocketseat - Explorer

Notifications You must be signed in to change notification settings

higomoreiraq/focus-timer-one

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Focus Timer One ⏱

Temporizador com cronômetro personalizado pelo usuário.

image

Descrição

O Focus Timer One inicia sua aplicação com 25 minutos em seu display, como alusão à técnica pomodoro e funciona através do método "setTimeout()" em sua estrutura para contagem dos segundos decrescidos.

A quantidade de minutos pode ser alterada facilmente pelo usuário através do botão "Set", logo ao lado do botão "Play", de acordo com sua preferência. Existe também a opção de ouvir música Lo-Fi, independente se o cronômetro estiver ligado ou desligado, através do botão "soundOn"/"soundOff".

Funcionalidades:

  • botões "Play" e "Pause", alternam suas posições, iniciando a contagem regressiva e interrompendo o tempo, respectivamente;
  • botão "Stop" reseta os botões de controle e retorna o temporizador para o último minuto configurado, ou para os 25 minutos padrões, caso o usuário não tenha feito nenhuma alteração;
  • botão "Set" configura uma nova quantidade de minutos no display, através de um "prompt".
  • botões "soundOn"/"soundOff" alternam-se entre si para ativar ou desativar a música Lo-Fi.

Audios

A aplicação conta com três áudios:

  • música Lo-Fi que pode ser ligada ou desligada manualmente pelo usuário;
  • som de botão pressionado ao clicar em qualquer botão da aplicação;
  • e o alarme kitchenTimer de 1 segundo que soará quando o cronômetro zerar.

Tecnologias utilizadas:

  • HTML;
  • CSS;
  • JavaScript.

Preview

Para conferir a aplicação, acesse:

Contato

bio

🌎 English

Focus Timer One ⏱

User-customized timer with stopwatch.

Description

Focus Timer One starts its application with 25 minutes on its display, alluding to the pomodoro technique and it works through the method "setTimeout()" in its structure to count the seconds decremented.

The number of minutes can be easily changed by the user through the "Set" button, right next to the "Play" button, according to his/her preference. There is also the option to listen to Lo-Fi music, regardless of whether the timer is on or off, via the "soundOn"/"soundOff" button.

Functionalities:

  • "Play" and "Pause" buttons, alternate their positions, starting the countdown and stopping the time, respectively;
  • "Stop" button resets the control buttons and returns the timer to the last configured minute, or to the default 25 minutes if the user has not made any changes;
  • "Set" button configures a new number of minutes on the display, through a "prompt".
  • "soundOn"/"soundOff" buttons alternate with each other to enable or disable Lo-Fi music.

Audios

The application has three audios:

  • Lo-Fi music that can be turned on or off manually by the user;
  • button pressed sound when clicking on any application button;
  • and the 1-second kitchenTimer alarm that will sound when the timer runs out.

Technologies used:

  • HTML;
  • CSS;
  • JavaScript.

Preview

To check the application, go to:

Contato

bio

About

Temporizador personalizado pelo usuário ⏱ - Stage05, Project03 - Rocketseat - Explorer

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published