Histórico da Página

Painel
borderColor	none
bgColor	#F5F5F5
borderStyle	none
Prepare-se agora para a Reforma Tributária

HTML
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Data e Hora Atual (JS)</title>
<style>
  body{
    font-family: Arial, sans-serif;
    background:#f3f3f3;
    display:flex;
    gap:24px;
    align-items:flex-start;
    padding:24px;
  }
  .card{
    background:#041E2D;
    color:#fff;
    padding:20px;
    border-radius:12px;
    width:520px;
    position:relative;
  }
  .now {
    background:#00D4FF;
    color:#000;
    padding:6px 12px;
    border-radius:16px;
    font-weight:700;
    display:inline-block;
    margin-bottom:12px;
  }
  .datetime {
    font-size:18px;
    font-weight:700;
    margin-top:8px;
  }
  .small {
    font-size:13px;
    color:#dfeff4;
    margin-top:6px;
  }
  img.model {
    width:240px;
    height:auto;
    border-radius:8px;
    box-shadow:0 6px 18px rgba(0,0,0,0.15);
  }
</style>
</head>
<body>

  <div class="card">
    <div class="now">Agora</div>

    <!-- Onde a data e hora serão exibidas -->
    <div id="dataHora" class="datetime">Carregando...</div>
    <div id="tz" class="small"></div>
  </div>

  <!-- Imagem do modelo (caminho local fornecido) -->
  <div>
    <img class="model" src="/mnt/data/3057f06e-1c93-4fc6-8414-015fece86b74.png" alt="modelo" />
  </div>

<script>
  // Função para formatar data e hora em PT-BR
  function formatarDataHora(d) {
    // Ex.: "terça-feira, 18 de novembro de 2025, 14:30:05"
    const options = {
      weekday: 'long',
      day: '2-digit',
      month: 'long',
      year: 'numeric',
      hour: '2-digit',
      minute: '2-digit',
      second: '2-digit'
    };
    return d.toLocaleString('pt-BR', options);
  }

  function atualizarDataHora() {
    const agora = new Date();
    document.getElementById('dataHora').textContent = formatarDataHora(agora);

    // opcional: exibir fuso/offset
    const tz = Intl.DateTimeFormat().resolvedOptions().timeZone || ('UTC' + (agora.getTimezoneOffset() > 0 ? '-' : '+') + Math.abs(agora.getTimezoneOffset()/60));
    document.getElementById('tz').textContent = 'Fuso horário: ' + tz;
  }

  // Atualiza de 1 em 1 segundo
  atualizarDataHora();         // primeira execução imediata
  setInterval(atualizarDataHora, 1000);
</script>

</body>
</html>
Árvore de páginas

Versões comparadas

Versão antiga 6

Nova versão 7

Chave

Prepare-se agora para a Reforma Tributária
