Script de countdown pe blog

Salutare.

As avea si eu nevoie de putin ajutor din partea voastra daca se poate. Am un blog unde postez in fiecare zi mai multe chestii si folosesc un script pentru "countdown" la fiecare post. Ideea este ca eu le mai am putin (cat de cat) cand e de editat cu HTML dar cand vine vorba de scripturi deja ma depaseste.
In cazul de fata am gasit acest script online si il folosesc cu oarecare succes pe blog, singurele editari care le am facut sunt:
- am adaugat acele taguri cu "b" ca sa fac scrisul ingrosat
- am schimbat denumirea la zile in romana
- am adaugat acel "div style" ca sa schimb culoarea la background-ul scrisului

Problema majora este ca nu pot avea doua sau mai multe astfel de scripturi pe blog fara a schimba la fiecare in parte denumirea ID-ului, altfel datele la scripturi vor intra in conflict si data nu mai apare bine.
Vroiam sa stiu daca puteti sa ma ajutati sa scap de aceasta problema, sa nu mai fie nevoie sa editez de fiecare data numele ID-ului, ci sa editez doar data si atat. E destul de stresant sa fiu atent tot timpul sa folosesc un ID diferit, mai ales cand postez destul de des, pentru ca mai pierd sirul la numele de ID care le-am folosit.

Iar al doilea lucru, daca se poate sa integrez acel "bold" si "div-ul" pentru culoarea background-ului direct in "script" ca sa fac totul sa arate un pic mai curat si mai frumos


Multam frumos.

<b>
<div style="background-color: #f3f3f3;">
<script>
CountDownTimer('06/25/2014 11:59 PM', 'countdown55');

function CountDownTimer(dt, id)
{
	 var end = new Date(dt);
	 var _second = 1000;
	 var _minute = _second * 60;
	 var _hour = _minute * 60;
	 var _day = _hour * 24;
	 var timer;
	 function showRemaining() {
		 var now = new Date();
		 var distance = end.getTime()-now.getTime();
		 if (distance < 0) {
			 clearInterval(timer);
			 document.getElementById(id).innerHTML = 'Sa terminat !';
			 return;
		 }
		 var days = Math.floor(distance / _day);
		 var hours = Math.floor((distance % _day) / _hour);
		 var minutes = Math.floor((distance % _hour) / _minute);
		 var seconds = Math.floor((distance % _minute) / _second);
		 document.getElementById(id).innerHTML = days + ' zile ';
		 document.getElementById(id).innerHTML += hours + ' ore ';
		 document.getElementById(id).innerHTML += minutes + ' minute ';
		 document.getElementById(id).innerHTML += seconds + ' secunde ';
	 }
	 timer = setInterval(showRemaining, 1000);
}
</script>
<div id="countdown55"></div>
</div>
</b>

P.S.  Se pare ca am gresit categoria unde am postat acest topic   Am sa rog un moderator sa-l mute.

Edited by Costi87, 05 May 2014 - 19:16.

Poate iti este util: https://gist.github....rander/2230317

si pentru culoarea background-ului in "script"

<script>
document.getElementById("countdown55").style.backgroundColor="#f3f3f3";
</script>

Edited by poadol, 05 May 2014 - 23:51.

Mersi mult pt. codul acela ! L-am folosit ca sa-mi dau seama si cum sa fac sa adaug "bold" si acuma arata mult mai frumos codul pe general.

document.getElementById(id).style.backgroundColor="#f3f3f3" ;
document.getElementById(id).style.font="bold 14px arial,serif" ;

Vizavi de "ID" , inca nu mi-am dat seama cum sa integrez codul din linkul care l-ai postat tu insa o sa continui sa incerc.