1
I’m developing an accountant for Black Week. However, I have a question: will the accountant really change the date when the 21st comes? Or is it better to create 2 files and change via FTP day 21 at 0:00? (I’m beginner, so the question)
<body>
<div id="dias"></div>
<div id="tempo">
<a id="horas"></a>
<a id="minutos"></a>
<a id="segundos"></a>
</div>
<script>
var hoje = new Date().getDate();
var inicioBlackWeek = 20;
// Definindo a data final
if (hoje <= inicioBlackWeek)
var contadorData = new Date("Nov 20, 2017 23:59:59").getTime();
else
var contadorData = new Date("Nov 26, 2017 23:59:59").getTime();
// Atualizando a contagem decrescente a cada 1 segundo
var x = setInterval(function() {
// Recebendo a data e hora atual
var now = new Date().getTime();
// Encontrando a distância entre agora e a data final
var distance = contadorData - now;
// Cálculos de tempo por dias, horas, minutos e segundos
var dias = Math.floor(distance / (1000 * 60 * 60 * 24));
var horas = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutos = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var segundos = Math.floor((distance % (1000 * 60)) / 1000);
// Retornando resultados
if (hoje <= inicioBlackWeek) {
document.getElementById("dias").innerHTML = "<font style = 'color: red;'>Faltam apenas<br /><font style = 'font-size: 100pt'>" + dias + " dias</font></font>";
document.getElementById("segundos").innerHTML = +segundos + "s<br /><font style = 'font-size 50pt'>para a Black Week!</font>";
} else {
document.getElementById("dias").innerHTML = "<font style = 'color: red;'>Restam apenas<br /><font style = 'font-size: 100pt'>" + dias + " dias</font></font>";
document.getElementById("segundos").innerHTML = +segundos + "s<br /><font style = 'font-size 50pt'>de Black Week!</font>";
}
document.getElementById("horas").innerHTML = "e " + horas + "h ";
document.getElementById("minutos").innerHTML = +minutos + "m ";
// Se a contagem decrescente terminar, mudará a escrita das divs
if (distance < 0) {
clearInterval(x);
document.getElementById("dias").innerHTML = "<font style = 'color: red'>FINALIZADO</font>";
document.getElementById("tempo").innerHTML = "";
}
}, 1000);
</script>
Please avoid long discussions in the comments; your talk was moved to the chat
– Maniero