<div id="timer"></div>
let scadenza = '12/23/2024';

function tempoRimasto(tempo){
  let t = Date.parse(tempo) - Date.parse(new Date());
  let sec = Math.floor( (t/1000) % 60 );
  let min = Math.floor( (t/1000/60) % 60 );
  let ore = Math.floor( (t/(1000*60*60)) % 24 );
  let giorni = Math.floor( t/(1000*60*60*24) );
  return {
    'totale': t,
    'giorni': giorni,
    'ore': ore,
    'minuti': min,
    'secondi': sec
  };
}

function inizializzoTimer(id, scadenza){
    let timer = document.getElementById( id );
    
    let intervalloTempo = setInterval(function(){
        var t = tempoRimasto(scadenza);
        timer.innerHTML = 'giorni: ' + t.giorni + '<br>' +
                          'ore: '+ t.ore + '<br>' +
                          'minuti: ' + t.minuti + '<br>' +
                          'secondi: ' + t.secondi;
        if(t.total<=0){
          clearInterval(intervalloTempo);
        }
    },1000);
}

inizializzoTimer( 'timer', scadenza );
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.