Formatação de tempo atual com JavaScript

A formatação dos valores de data e hora pode melhorar a legibilidade e a consistência e pode torná -los mais facilmente compreensíveis para os usuários. Existem várias situações em que a data e a hora precisam ser formatadas. Por exemplo, formate a data e hora, dependendo da região específica.

Quando o construtor de data é chamado com a nova palavra -chave "Nova data()”, Ele criará um novo objeto de data representando a data e hora atuais da seguinte forma:

Agora, vamos ver como organizar/definir desta vez em diferentes formatos de tempo.

Este post demonstrará a abordagem para formatar o horário atual em JavaScript.

Como formatar a hora atual com JavaScript?

Para formatar o horário atual, use os métodos predefinidos do objeto de data predefinida:

• Método tolocaletimestring ()
• Método Tolocalestring ()
• Método ToutcString ()

Método 1: Formatar o tempo atual usando o método “tolocaletimestring ()”

Use o "tolocaletimestring ()”Método para formatar o horário atual. Ele retorna uma string representando a parte do tempo da data em um formato apropriado para o local do usuário.

Sintaxe
Utilize a seguinte sintaxe para o método tolocaletimestring ():

data.tolocaletimestring ()

Exemplo
Crie uma variável “data”Isso armazena a data e a hora atuais chamando o construtor de data:

var date = new Date ();

Invoque o “tolocaletimestring ()”Método com“ Data ”para obter a parte do horário da data atual no fuso horário local do usuário. Por fim, chame o “Console.Método LOG () ”para imprimi -lo no console:

VAR CurrentFormattedTime = Data.tolocaletimestring ();
console.log (currentFormatted time);

Como você pode ver na saída, o horário é recuperado de acordo com a localidade do usuário:

Método 2: Formatar o tempo atual usando o método “tolocalestring ()”

Para formatar o horário atual, utilize o “Tolocalestring ()”Método. Ele fornece uma string representando a data e a hora em um formato apropriado para o local do usuário.

Sintaxe
Siga a sintaxe dada para o método tolocalestring ():

data.Tolocalestring ()

Exemplo
Ligar para "Tolocalestring ()”Com a data atual que dá o tempo com a data de acordo com a localidade do usuário e imprimi -lo no console:

VAR CurrentFormattedTime = Data.tolocalestring ();
console.log (currentFormatted time);

Ele exibe tempo com a data no formato de localidade do usuário:

Método 3: Formatar o tempo atual usando o método “toutcString ()”

Outra maneira de formatar a hora atual, use o “toutcString ()”Método. Fornece uma string que representa a data e a hora no formato UTC.

Sintaxe
A sintaxe dada é usada para o método toutcString ():

data.toutcString ()

Exemplo
Invocar a data.Método toutcString () para formatar a data atual do formato UTC:

VAR CurrentFormattedTime = Data.toutcString ();
console.log (currentFormatted time);

Saída

É tudo sobre a formatação de horário atual em JavaScript.

Conclusão

Para formatar o horário atual, use o método do objeto de data predefinido, incluindo o “tolocaletimestring ()”Método,“Tolocalestring ()”Método, ou o“toutcString ()”Método. O método "tolocaletimestring ()" fornece a parte do tempo da data atual, enquanto o método "tolocalestring ()" fornece a data e a hora no formato de localidade de um usuário. O método "ToutcString ()" fornece a data e a hora no formato UTC. Este post demonstrou a abordagem para formatar o horário atual em JavaScript.