Como obter a hora atual em JS
Em JavaScript, obter a hora atual é uma operação comum, seja para registro, geração de carimbo de data/hora ou exibição dinâmica de hora. Este artigo apresentará detalhadamente como usar JavaScript para obter a hora atual e fornecer dados estruturados para referência rápida.
1. Use o objeto Date para obter a hora atual
JavaScript fornece recursos integradosDataObjeto para trabalhar com datas e horas. Esta é a maneira básica de obter a hora atual:
| método | Descrição | Exemplo |
|---|---|---|
| novaData() | Crie um objeto Date contendo a data e hora atuais | const agora = nova Data(); |
| Data.agora() | Retorna o carimbo de data/hora da hora atual em milissegundos | carimbo de data / hora const = Date.now(); |
2. Obtenha vários períodos de tempo
PasseDataO método do objeto pode obter o ano, mês, dia, hora, minuto, segundo e outros componentes do tempo:
| método | Descrição | Exemplo |
|---|---|---|
| getAnoFull() | Obtenha o ano (4 dígitos) | agora.getFullYear(); // 2023 |
| getMês() | Obtenha o mês (0-11) | agora.getMonth(); // 0 significa janeiro |
| getData() | Obter data (1-31) | agora.getDate(); // 15 |
| getHoras() | Obtenha a hora (0-23) | agora.getHours(); // 14 |
| getMinutos() | Obtenha minutos (0-59) | agora.getMinutes(); //30 |
| getSegundos() | Obtenha segundos (0-59) | agora.getSeconds(); //45 |
3. Formate a hora atual
JavaScript não possui um método integrado para formatar datas, mas isso pode ser conseguido combinando os métodos do objeto Date:
| Requisitos de formatação | Método de implementação | Exemplo de saída |
|---|---|---|
| AAAA-MM-DD | Emenda ano, mês, dia | 15/01/2023 |
| HH:MM:SS | Emenda horas, minutos, segundos | 14:30:45 |
| AAAA-MM-DD HH:MM:SS | Combinar data e hora | 15/01/2023 14:30:45 |
4. Use o método toLocaleString
JavaScript fornecetoLocaleStringUma série de métodos que podem formatar datas e horas de acordo com as configurações de localização:
| método | Descrição | Exemplo |
|---|---|---|
| toLocaleDateString() | Retorna uma string de data localizada | 15/01/2023 |
| toLocaleTimeString() | Retorna a string de hora localizada | 14h30:45 |
| toLocaleString() | Retorna uma string de data e hora localizada | 15/01/2023 14h30:45 |
5. Recomendações de bibliotecas de terceiros
Para processamento de data e hora mais complexo, bibliotecas de terceiros podem ser usadas:
| nome da biblioteca | Recursos | Método de instalação |
|---|---|---|
| Momento.js | Poderoso, mas volumoso | momento de instalação do npm |
| data-fns | Design modular, introduzido sob demanda | data de instalação npm-fns |
| Dia.js | Leve, API compatível com Moment | npm instalar dayjs |
6. Exemplos práticos de aplicação
Aqui está um exemplo completo mostrando como obter e formatar a hora atual:
| Função | Implementação de código |
|---|---|
| Obter hora atual | const agora = nova Data(); |
| Formatar data | const dateStr = `${now.getFullYear()}-${now.getMonth()+1}-${now.getDate()}`; |
| Hora do formato | const timeStr = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`; |
| Saída combinada | console.log(`Hora atual: ${dateStr} ${timeStr}`); |
Com os métodos acima, você pode obter e manipular facilmente a hora atual em JavaScript. Dependendo das necessidades do projeto, você pode escolher métodos nativos ou bibliotecas de terceiros para implementar funções de processamento de tempo mais complexas.
Verifique os detalhes
Verifique os detalhes
pt
