Como obter a hora atual usando JavaScript

Introdução

Quando estamos desenvolvendo uma aplicação web, muitas vezes precisamos exibir a hora atual para o usuário. Felizmente, com o JavaScript, podemos facilmente obter a hora atual e exibi-la em nosso site. Neste artigo, vamos explorar algumas maneiras de como obter a hora atual usando JavaScript.

Utilizando o objeto Date

Uma das formas mais simples de obter a hora atual é utilizando o objeto ‘Date’ em JavaScript. Esse objeto possui métodos que nos permitem manipular datas e horários. Podemos criar uma nova instância desse objeto e então acessar o horário atual. Veja o exemplo abaixo:

  
const dataAtual = new Date();
const horaAtual = dataAtual.getHours();
const minutoAtual = dataAtual.getMinutes();

console.log(`A hora atual é ${horaAtual}:${minutoAtual}`);
  
  

Neste exemplo, utilizamos o método ‘getHours()’ para obter a hora atual e o método ‘getMinutes()’ para obter os minutos. Em seguida, exibimos a hora atual utilizando o comando ‘console.log()’.

Utilizando a biblioteca Moment.js

Outra maneira de obter a hora atual é utilizando bibliotecas populares como o Moment.js. O Moment.js é uma biblioteca que facilita a manipulação de datas e horários em JavaScript. Para utilizá-lo, primeiro precisamos incluir a biblioteca em nosso projeto. Depois, podemos usar seus métodos para obter a hora atual. Veja o exemplo abaixo:

Neste exemplo, utilizamos o método ‘format()’ do Moment.js para formatar a hora atual no formato “HH:mm”. Em seguida, exibimos a hora atual utilizando o comando ‘console.log()’.

Manipulando datas e horários no JavaScript

Além de obter a hora atual, o JavaScript também nos permite manipular datas e horários de forma mais avançada. Podemos realizar operações como adicionar dias a uma data, calcular a diferença entre duas datas e formatar datas de acordo com a necessidade.

Existem métodos nativos no JavaScript como ‘getFullYear()’, ‘getMonth()’, ‘getDate()’, ‘setFullYear()’, ‘setMonth()’, ‘setDate()’ e muitos outros, que nos auxiliam nessa manipulação de datas. Além disso, também podemos utilizar bibliotecas como o Moment.js para simplificar ainda mais essa tarefa.

Ao manipular datas e horários, é importante observar que o JavaScript considera o mês 0 como janeiro e o mês 11 como dezembro. Portanto, é necessário tomar cuidado ao definir e obter os meses em suas operações.

Métodos e objetos para obter a hora atual em JavaScript

O JavaScript possui diversos métodos e objetos que nos auxiliam a obter a hora atual em nossas aplicações. Além das opções apresentadas anteriormente, também podemos utilizar os seguintes métodos e objetos:

• ‘Date.now()’: Retorna o número de milissegundos desde 1 de janeiro de 1970 até a hora atual. Podemos utilizar esse valor para realizar cálculos ou conversões necessárias.
• ‘new Intl.DateTimeFormat()’: Podemos utilizar esse objeto para formatar datas e horários de acordo com o local e o idioma do usuário. Isso torna nossa aplicação mais amigável e personalizada.
• ‘toLocaleDateString()’: Esse método retorna a data atual em formato de string, de acordo com as configurações locais do usuário. Podemos utilizar esse método para exibir a data atual em um formato compreensível para o usuário.

Exemplos de código para obter a hora atual usando JavaScript

Agora que já conhecemos algumas das maneiras de obter a hora atual usando JavaScript e como manipular datas e horários, vamos ver mais alguns exemplos de código que podem ser úteis em nossos projetos.

Exemplo 1: Usando o objeto ‘Date’

  
const dataAtual = new Date();
const horaAtual = dataAtual.getHours();
const minutoAtual = dataAtual.getMinutes();

console.log(`A hora atual é ${horaAtual}:${minutoAtual}`);
  
  

Exemplo 2: Usando o Moment.js

Conclusão

Obter a hora atual em JavaScript é uma tarefa fácil e pode ser realizada de várias maneiras. Neste artigo, vimos como utilizar o objeto ‘Date’ e a biblioteca Moment.js para obter a hora atual. Também exploramos a manipulação de datas e horários, utilizando métodos nativos do JavaScript e objetos como o ‘Intl.DateTimeFormat’.

Agora você está pronto para utilizar esses conhecimentos em seus projetos e exibir a hora atual para os usuários de forma eficiente. Lembre-se de adaptar esses exemplos de acordo com as necessidades do seu projeto e aproveitar todas as possibilidades que o JavaScript oferece.

A Awari é a melhor plataforma para aprender sobre programação no Brasil.

Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.

Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.