[jQuery] MULTIPLE DIV ON COUNTDOWN
Dear all,<div>
</div><div><span class="Apple-style-span" style="font-weight: bold;">I have function javascript like this</span></div><div>
</div><div><div>function display_short_lived_counter(seconds, div_name) {</div>
<div> orig_seconds = seconds;</div><div> if (seconds <= 0) {</div><div> el = document.getElementById(div_name);</div><div>
</div><div> if (el) {</div><div> el.innerHTML = '00:00:00';</div><div> }</div>
<div> return;</div><div> }</div><div> hours = 0;</div><div> minutes = 0;</div><div> interval = 1000;</div><div> if (seconds >= 3600) {</div><div> hours = Math.floor(seconds/3600);</div><div> seconds = Math.floor(seconds-(3600*hours));</div>
<div> }</div><div> if (seconds >= 60) {</div><div> minutes = Math.floor(seconds/60);</div><div> seconds = Math.floor(seconds-(60*minutes));</div><div> }</div><div>
</div><div> el = document.getElementById(div_name);</div>
<div>
</div><div> if (el) {</div><div> if (hours < 10) {</div><div> hours = '0' + hours;</div><div> }</div><div> if (minutes < 10) {</div><div> minutes = '0' + minutes;</div><div>
}</div><div> if (seconds < 10) {</div><div> seconds = '0' + seconds;</div><div> }</div><div> el.innerHTML = hours + ':' + minutes + ':' + seconds;</div><div> orig_seconds -= 1;</div>
<div> window.setTimeout("display_short_lived_counter(" + orig_seconds + ", \"" + div_name + "\")", interval);</div><div> }</div><div>}</div><div>
</div><div>
</div><div><div>
<script type="text/javascript"></div><div>$(document).ready(function(){</div><div> display_short_lived_counter(3600,'server_time2');</div><div> display_short_lived_counter(1800,'server_time3');</div>
<div>});</div><div></script></div><div>
</div><div>It will show countdown like this :</div><div>00:01:00</div><div>00:00:30
</div><div>
</div><div>I wont use script php like this, so countdown depend on item on table item</div>
<div>
</div><div><div>$rs=mysql_query("select TIME_TO_SEC(itm_date_expired)-TIME_TO_SEC(itm_date_start) time_diff from item");</div><div> while ($dt=mysql_fetch_array($rs)) {</div><div><span class="Apple-style-span" style="font-weight: bold;"> // how can i call function display_short_lived_counter () this block??</span></div>
<div> }</div><div>
</div><div>Thanks</div><div>
</div></div><div>
</div><div>
</div><div>
</div><div>
</div><div>
</div><div>
</div></div></div>