Advertisement
kaiquebarreto

Untitled

Feb 24th, 2020
233
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.42 KB | None | 0 0
  1. <style>
  2. h4.titulotemporizador{margin-bottom:10px;font-size:22px;font-weight:600;text-transform:uppercase;color:#000}ul.temporizador{display:flex;margin:0!important;padding:0!important;padding-top:15px!important;padding-bottom:15px!important;background:#000;color:#fff;border-radius:20px;max-width:600px}li.temposub{display:inline-block;font-size:16px;list-style-type:none;padding:6px;text-transform:uppercase;width:100%}li span{display:block;font-size:20px;min-height:23px;webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:550px){li.temposub{font-size:12px}h4.titulotemporizador{font-size:17px;text-align:left;margin-left:5px}ul.temporizador{padding-top:10px!important;padding-bottom:10px!important}}body,html{height:100%;margin:0}.conteudo{color:#fff;margin:0 auto;padding:10px;text-align:-webkit-center;font-family:Ubuntu,HelveticaNeue,"Helvetica Neue",sans-serif}
  3. </style>
  4.  
  5. <div class="conteudo">
  6. <h4 class="titulotemporizador">Se apresse essa promoção acaba em:</h4>
  7. <ul class="temporizador">
  8. <li class="temposub"><span id="dias"></span>Dias</li>
  9. <li class="temposub"><span id="horas"></span>Horas</li>
  10. <li class="temposub"><span id="minutos"></span>Minutos</li>
  11. <li class="temposub"><span id="segundos"></span>Segundos</li>
  12. </ul>
  13. </div>
  14.  
  15. <script id="rendered-js">
  16. const second = 1000,
  17. minute = second * 60,
  18. hour = minute * 60,
  19. day = hour * 24;
  20.  
  21. // Configuração Data
  22.  
  23. // O formato deve ser "Inicial do Mes" + "Data""," "Ano" e depois o "horário"
  24.  
  25. // Exempro Feb 26, 2020 00:00:00
  26. //26 de Fervereiro de 2020 às meia noite e 0 minutos e 0 segundos
  27.  
  28. // Jan = Janeiro
  29. // Feb = Fervereiro
  30. // Mar = Março
  31. // Apr = Abril
  32. // May = Maio
  33. // Jun = Jun
  34. // Jul = Julho
  35. // Aug = Agosto
  36. // Sep = Setembro
  37. // Oct = Outubro
  38. // Nov = Novembro
  39. // Dec = Dezembro
  40.  
  41. let countDown = new Date('Feb 30, 2020 00:00:00').getTime(),
  42. x = setInterval(function () {
  43.  
  44. let now = new Date().getTime(),
  45. distance = countDown - now;
  46.  
  47. document.getElementById('dias').innerText = Math.floor(distance / day),
  48. document.getElementById('horas').innerText = Math.floor(distance % day / hour),
  49. document.getElementById('minutos').innerText = Math.floor(distance % hour / minute),
  50. document.getElementById('segundos').innerText = Math.floor(distance % minute / second);
  51.  
  52. }, second);
  53. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement