-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
60 lines (48 loc) · 1.82 KB
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
const botoes = document.querySelectorAll(".botao");
const textos = document.querySelectorAll(".aba-conteudo");
for (let i = 0; i < botoes.length; i++) {
botoes[i].onclick = function () {
for (let j = 0; j < botoes.length; j++) {
botoes[j].classList.remove("ativo");
textos[j].classList.remove("ativo");
}
botoes[i].classList.add("ativo");
textos[i].classList.add("ativo");
}
}
const contadores = document.querySelectorAll(".contador");
const tempoObjetivo1 = new Date("2020-10-05T00:00:00");
const tempoObjetivo2 = new Date("2023-12-05T00:00:00");
const tempoObjetivo3 = new Date("2023-12-30T00:00:00");
const tempoObjetivo4 = new Date("2024-02-01T00:00:00");
const tempos = [tempoObjetivo1,tempoObjetivo2,tempoObjetivo3,tempoObjetivo4];
function calculaTempo(tempoObjetivo) {
let tempoAtual = new Date();
let tempoFinal = tempoObjetivo - tempoAtual;
let segundos = Math.floor(tempoFinal / 1000);
let minutos = Math.floor(segundos / 60);
let horas = Math.floor(minutos / 60);
let dias = Math.floor(horas / 24);
segundos %= 60;
minutos %= 60;
horas %= 24;
if (tempoFinal > 0){
return [dias,horas,minutos,segundos];
} else {
return [0,0,0,0];
}
}
function atualizaCronometro(){
document.getElementById("dias0").textContent = calculaTempo(tempos[0])[0];
document.getElementById("horas0").textContent = calculaTempo(tempos[0])[1];
document.getElementById("min0").textContent = calculaTempo(tempos[0])[2];
document.getElementById("seg0").textContent = calculaTempo(tempos[0])[3];
for (let i=0; i<contadores.length;i++){
// contadores[i].textContent = calculaTempo(tempos[i]);
}
}
function comecaCronometro(){
atualizaCronometro();
setInterval(atualizaCronometro,1000);
}
comecaCronometro();