스크립트 반복 적용

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

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

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

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

<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 />

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