Projeto: FocusTimer2v

Utilizado

Funcionalidades

• Iniciar, pausar e resetar o temporizador
• Ajustar o tempo em incrementos de 5 minutos
• Sons ambientes (floresta, chuva, compras, fogueira)

Funcionalidades JavaScript Utilizadas

• Manipulação do DOM:

  • Atualização de elementos HTML para mostrar o tempo restante.
  • Alteração de classes para aplicar estilos diferentes quando o temporizador está ativo ou em pausa.

• Funções de Callback:

  • Callbacks para iniciar, pausar e resetar o temporizador.
  • Callbacks para ajustar o tempo em incrementos de 5 minutos.

• Manipulação de Áudio:

  • Reprodução de sons ambientes (floresta, chuva, compras, fogueira) para ajudar na concentração.
  • Controle de volume e estado de reprodução dos sons.

• Controle de Tempo:

  • Uso de setInterval para decrementar o tempo a cada segundo.
  • Limpeza do intervalo (clearInterval) quando o temporizador é pausado ou resetado.

• Interatividade:

  • Escuta de eventos de clique para os botões de controle do temporizador e seleção de sons.

Link

Para testar o projeto só clicar -> aqui <-