Criar um relógio digital em JS para um campo HTML

Para criar um relógio digital em JavaScript que mostra os segundos e atualiza a cada segundo em uma div, você pode usar a mesma abordagem que eu mostrei antes. Aqui está um exemplo de código que você pode usar:

HTML:

<div id="relogio-digital"></div>

JavaScript:

function atualizarRelogioDigital() {
  const dataHoraAtual = new Date();
  const horas = dataHoraAtual.getHours().toString().padStart(2, "0");
  const minutos = dataHoraAtual.getMinutes().toString().padStart(2, "0");
  const segundos = dataHoraAtual.getSeconds().toString().padStart(2, "0");
  const horaFormatada = `${horas}:${minutos}:${segundos}`;
  document.getElementById("relogio-digital").innerHTML = horaFormatada;
}

setInterval(atualizarRelogioDigital, 1000);

Neste exemplo, a função atualizarRelogioDigital() é definida para obter a hora atual usando o objeto Date do JavaScript e formatá-la como uma string no formato desejado. Em seguida, a função setInterval() é usada para chamar a função atualizarRelogioDigital() a cada segundo e atualizar a div com o ID relogio-digital com a hora atual formatada, incluindo os segundos.

Lembre-se de incluir o código JavaScript acima em seu arquivo HTML ou em um arquivo JavaScript separado e vinculá-lo ao seu arquivo HTML usando a tag <script>.