남은 시간 표시되게 스크립트 구상 중입니다..

사진에서 처럼 상품 등록이 될시 상품마다 남은시간이 표시되게 하고 싶은데

제일 위에꺼 한군대만 표시가 되고 스크립트가 반복적용이 안되네요..

어찌하면 반복 적용이 될까요???

<SCRIPT language=JavaScript>

function getTime() { 

now = new Date(); 

dday = new Date(2016,06,14,23,00,00); // 원하는 날짜, 시간 정확하게 초단위까지 기입.

days = (dday - now) / 1000 / 60 / 60 / 24; 

dRound = Math.floor(days); 

hours = (dday - now) / 1000 / 60 / 60 - (24 * dRound); 

hRound = Math.floor(hours); 

minutes = (dday - now) / 1000 /60 - (24 * 60 * dRound) - (60 * hRound); 

mRound = Math.floor(minutes); 

seconds = (dday - now) / 1000 - (24 * 60 * 60 * dRound) - (60 * 60 * hRound) - (60 * mRound); 

sRound = Math.round(seconds);

document.getElementById("counter1").innerHTML = dRound; 

document.getElementById("counter2").innerHTML = hRound; 

document.getElementById("counter3").innerHTML = mRound; 

document.getElementById("counter4").innerHTML = sRound; 

newtime = window.setTimeout("getTime();", 1000); 

}

</SCRIPT>

<STYLE type="text/css">

/*타임*/

#count {

 height: 0px;

 color: #ff0000;

 padding-left: 0px;

 padding-top:0px;

 background-repeat: no-repeat;

}

#bt {

 height: 16px;

 width: 49;

 padding-left: 100px;

 padding-top: 0px;

}

</STYLE>

<DIV id=count> 

              <font color="#000000" size="3"><b> 남은시간</b></font>

             <font size="4"><b>

             <SPAN id=counter1></SPAN>일 

             <SPAN id=counter2></SPAN>시간 

             <SPAN id=counter3></SPAN>분 

             <SPAN id=counter4></SPAN>초</b>

             </font>

             </div>  

             <SCRIPT>getTime()</SCRIPT> <br />

소스는 이와같이 되어 있습니다.