API tools faq
paste
hoome

HTML simples para contar idade.

hoome
Jan 8th, 2014
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.96 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.         <title>Tempo de Vida</title>
  4.     </head>
  5.     <script>
  6.         function formHandler() {
  7.             var Form = document.getElementById("data");
  8.             var nascimento = new Date();
  9.             var hoje = new Date();
  10.             var content = document.getElementById("content");
  11.             var segundosVida = document.getElementById("segundosVida");
  12.             var minutosVida = document.getElementById("minutosVida");
  13.             var horasVida = document.getElementById("horasVida");
  14.             var diasVida = document.getElementById("diasVida");
  15.             var mesesVida = document.getElementById("mesesVida");
  16.             nascimento.setYear(Form.ano.value);
  17.             nascimento.setMonth(Form.mes.value);
  18.             nascimento.setDate(Form.dia.value);
  19.             nascimento.setHours(0);
  20.             nascimento.setMinutes(0);
  21.             nascimento.setSeconds(0);
  22.             nascimento.setMilliseconds(0);
  23.             var diferenca = hoje.getTime() - nascimento.getTime();
  24.             diferenca = diferenca/1000;
  25.             nomeMes = new Array(12)
  26.                 nomeMes[0] = "Janeiro"
  27.                 nomeMes[1] = "Fevereiro"
  28.                 nomeMes[2] = "Março"
  29.                 nomeMes[3] = "Abril"
  30.                 nomeMes[4] = "Maio"
  31.                 nomeMes[5] = "Junho"
  32.                 nomeMes[6] = "Julho"
  33.                 nomeMes[7] = "Agosto"
  34.                 nomeMes[8] = "Setembro"
  35.                 nomeMes[9] = "Outubro"
  36.                 nomeMes[10] = "Novembro"
  37.                 nomeMes[11] = "Dezembro"
  38.             content.textContent = +hoje.getDay()+" de "+nomeMes[hoje.getMonth()]+" de "+hoje.getFullYear()+" às "+hoje.getHours()+":"+hoje.getMinutes()+" e "+hoje.getSeconds()+" segundos.";
  39.             segundosVida.textContent = "Você viveu "+(diferenca | 0)+" segundos.";
  40.             minutosVida.textContent = "Você viveu "+((diferenca/60) | 0)+" minutos.";
  41.             horasVida.textContent = "Você viveu "+((diferenca/3600) | 0)+" horas.";
  42.             diasVida.textContent = "Você viveu "+((diferenca/86400) | 0)+" dias.";
  43.             mesesVida.textContent = "Você viveu "+((diferenca/2592000) | 0)+" meses (baseado em um mês de 30 dias).";
  44.             return false;
  45.         }
  46.     </script>
  47.     <style type="text/css">
  48.         body {
  49.             font-family: arial;
  50.             font-size: 11pt;
  51.             color: #1A1A1A;
  52.             text-align: center;
  53.         }
  54.     </style>
  55.     <body>
  56.         <h1>Tempo de Vida</h1>
  57.         <form id="data" onsubmit="return formHandler();">
  58.             <p>Data de nascimento:</p>
  59.             Dia: <input type="number" id="dia" min="1" max="31" required autofocus size="2">
  60.             Mês: <select id="mes" required>
  61.                     <option value="0">Janeiro</option>
  62.                     <option value="1">Fevereiro</option>
  63.                     <option value="2">Março</option>
  64.                     <option value="3">Abril</option>
  65.                     <option value="4">Maio</option>
  66.                     <option value="5">Junho</option>
  67.                     <option value="6">Julho</option>
  68.                     <option value="7">Agosto</option>
  69.                     <option value="8">Setembro</option>
  70.                     <option value="9">Outubro</option>
  71.                     <option value="10">Novembro</option>
  72.                     <option value="11">Dezembro</option>
  73.                 </select>
  74.             Ano: <input type="number" id="ano" min="1500" max="2013" size="4">
  75.             <p><input type="submit" value="Calcular"></p>
  76.             <p><span id="content"></span></p>
  77.             <p><span id="segundosVida"></span><br>
  78.             <span id="minutosVida"></span><br>
  79.             <span id="horasVida"></span><br>
  80.             <span id="diasVida"></span><br>
  81.             <span id="mesesVida"></span><br></p>
  82.         </form>
  83.         <p style="font-size: 8pt">As informações dessa página não são salvas e nem utilizadas por terceiros.</p>
  84.     </body>
  85. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!