2 countdown nella stessa pagina

[neo1976]

ho inserito due countdown per il conto alla rovescia nella stessa pagina il problema è che imposto due date differenti ma nella pagina appaiono con la stessa data, questi sono i codici in js:

il primo countdown:

var target_date = new Date("december 24, 2016").getTime() + (1000*3600*48); // set the countdown date
var days, hours, minutes, seconds; // variables for time units


var countdown = document.getElementById("tiles"); // get tag element


getCountdown();


setInterval(function () { getCountdown(); }, 1000);


function getCountdown(){


    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;


    days = pad( parseInt(seconds_left / 86400) );
    seconds_left = seconds_left % 86400;
         
    hours = pad( parseInt(seconds_left / 3600) );
    seconds_left = seconds_left % 3600;
          
    minutes = pad( parseInt(seconds_left / 60) );
    seconds = pad( parseInt( seconds_left % 60 ) );


    // format countdown string + set tag value
    countdown.innerHTML = "<span>" + days + "</span><span>" + hours + "</span><span>" + minutes + "</span><span>" + seconds + "</span>"; 
}


function pad(n) {
    return (n < 10 ? '0' : '') + n;
}

questo è il secondo countdown:

var target_date = new Date("may 24, 2017").getTime("countdown2") + (1000*3600*48); // set the countdown datevar days, hours, minutes, seconds; // variables for time units


var countdown2 = document.getElementById("tiles2"); // get tag element


getCountdown2("countdown2");


setInterval(function () { getCountdown2("countdown2"); }, 1000);


function getCountdown2(){


	// find the amount of "seconds" between now and target
	var current_date = new Date().getTime("countdown2");
	var seconds_left = (target_date - current_date) / 1000;


	days = pad( parseInt(seconds_left / 86400) );
	seconds_left = seconds_left % 86400;
		 
	hours = pad( parseInt(seconds_left / 3600) );
	seconds_left = seconds_left % 3600;
		  
	minutes = pad( parseInt(seconds_left / 60) );
	seconds = pad( parseInt( seconds_left % 60 ) );


	// format countdown2 string + set tag value
	countdown2.innerHTML = "<span>" + days + "</span><span>" + hours + "</span><span>" + minutes + "</span><span>" + seconds + "</span>"; 
}


function pad(n) {
	return (n < 10 ? '0' : '') + n;
}

[cavicchiandrea]

Premesso che le date sono uguali per entrambi gli script "december 24, 2016" dovrai anche cambiare il nome alle funzioni e alle variabili altrimenti si sovrascrivono

[neo1976]

salve Andrea, avevo messo per sbaglio lo stesso script , ora ho messo quello giusto con le date e le variabili differenti, in cosa sbaglio?

[neo1976]

nessuno che sappia darmi delle indicazioni?

[cavicchiandrea]

http://webandylab.altervista.org/countdoppio.html

[neo1976]

grazie andrea, sei stato gentilissimo