Vai direttamente ai contenuti
- Scegliendo una selezione si ottiene un aggiornamento completo della pagina.
- Si apre in una nuova finestra.
// Imposta la data di fine dell'offerta
var countDownDate = new Date("Oct 30, 2024 23:59:59").getTime();
// Aggiorna il countdown ogni 1 secondo
var x = setInterval(function() {
// Data e ora attuali
var now = new Date().getTime();
var distance = countDownDate - now;
// Calcola giorni, ore, minuti e secondi
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Mostra i risultati
document.getElementById("days").innerHTML = (days < 10 ? "0" : "") + days;
document.getElementById("hours").innerHTML = (hours < 10 ? "0" : "") + hours;
document.getElementById("minutes").innerHTML = (minutes < 10 ? "0" : "") + minutes;
document.getElementById("seconds").innerHTML = (seconds < 10 ? "0" : "") + seconds;
// aggiorno i css
ore_r_perc= ((24-hours)/24)*100
//ore
var element = document.getElementById("hours-progress");
if (element) {
var styles = {
background: "radial-gradient(closest-side, white 90%, transparent 92% 100%), conic-gradient(pink "+String(ore_r_perc)+"%, #8080801c 0)"
};
Object.assign(element.style, styles);
}
//minuti
minuti_r_perc= ((60-minutes)/60)*100
var element = document.getElementById("minutes-progress");
if (element) {
var styles = {
background: "radial-gradient(closest-side, white 90%, transparent 92% 100%), conic-gradient(pink "+String(minuti_r_perc)+"%, #8080801c 0)"
};
Object.assign(element.style, styles);
}
//secondi
secondi_r_perc= ((60-seconds)/60)*100
var element = document.getElementById("seconds-progress");
if (element) {
var styles = {
background: "radial-gradient(closest-side, white 90%, transparent 92% 100%), conic-gradient(pink "+String(secondi_r_perc)+"%, #8080801c 0)"
};
Object.assign(element.style, styles);
}
// Se il countdown è terminato
if (distance < 0) {
clearInterval(x);
document.getElementById("days").innerHTML = "00";
document.getElementById("hours").innerHTML = "00";
document.getElementById("minutes").innerHTML = "00";
document.getElementById("seconds").innerHTML = "00";
}
}, 1000);
