Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- 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}
- </style>
- <div class="conteudo">
- <h4 class="titulotemporizador">Se apresse essa promoção acaba em:</h4>
- <ul class="temporizador">
- <li class="temposub"><span id="dias"></span>Dias</li>
- <li class="temposub"><span id="horas"></span>Horas</li>
- <li class="temposub"><span id="minutos"></span>Minutos</li>
- <li class="temposub"><span id="segundos"></span>Segundos</li>
- </ul>
- </div>
- <script id="rendered-js">
- const second = 1000,
- minute = second * 60,
- hour = minute * 60,
- day = hour * 24;
- // Configuração Data
- // O formato deve ser "Inicial do Mes" + "Data""," "Ano" e depois o "horário"
- // Exempro Feb 26, 2020 00:00:00
- //26 de Fervereiro de 2020 às meia noite e 0 minutos e 0 segundos
- // Jan = Janeiro
- // Feb = Fervereiro
- // Mar = Março
- // Apr = Abril
- // May = Maio
- // Jun = Jun
- // Jul = Julho
- // Aug = Agosto
- // Sep = Setembro
- // Oct = Outubro
- // Nov = Novembro
- // Dec = Dezembro
- let countDown = new Date('Feb 30, 2020 00:00:00').getTime(),
- x = setInterval(function () {
- let now = new Date().getTime(),
- distance = countDown - now;
- document.getElementById('dias').innerText = Math.floor(distance / day),
- document.getElementById('horas').innerText = Math.floor(distance % day / hour),
- document.getElementById('minutos').innerText = Math.floor(distance % hour / minute),
- document.getElementById('segundos').innerText = Math.floor(distance % minute / second);
- }, second);
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement