<?php
$list_b = sql_fetch("select count(*) as bo_count_write from g5_write_sub_com_search where wr_is_comment=0 ");
$list_b = $list_b['bo_count_write'];
$list_a = sql_fetch("select count(*) as bo_count_write from g5_write_order where wr_is_comment=0 ");
$list_a = $list_a['bo_count_write'];
 
$comment_a = sql_fetch("select count(*) as bo_count_comment from g5_write_order where wr_is_comment=1 ");
$comment_a = $comment_a['bo_count_comment'];
 
?>
<script>
function numberCounter(target_frame, target_number) {
    this.count = 0; this.diff = 0;
    this.target_count = parseInt(target_number);
    this.target_frame = document.getElementById(target_frame);
    this.timer = null;
    this.counter();
};
    numberCounter.prototype.counter = function() {
        var self = this;
        this.diff = this.target_count - this.count;
   
        if(this.diff > 0) {
            self.count += Math.ceil(this.diff / 5);
        }
   
        this.target_frame.innerHTML = this.count.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
   
        if(this.count < this.target_count) {
            this.timer = setTimeout(function() { self.counter(); }, 45);
        } else {
            clearTimeout(this.timer);
        }
    };
window.onload = function(){
new numberCounter("counter3", <?php echo $list_b; ?>);
new numberCounter("counter2", <?php echo $list_a; ?>);
new numberCounter("counter1", <?php echo $comment_a; ?>);
}
</script>
<table  class="mainBasicCont02">
<h2>
<tr>
<th><font size="4">counter1</font></th><th><font size="4">counter2</font></th><th><font size="4">counter3</font></th>
</tr>
<tr>
<td><p id="counter2"></p></td><td><p id="counter1"></p></td><td><p id="counter3"></p></td>
</tr>
</h2>
</table>
</h2>