javascript - 関数を 1 回実行する (while ループ内)

Question

正方形を移動するアニメーションを使用して while ループで関数を実行しようとしていますが、一度だけ実行したいです。それを機能させないでください。setInterval を使用すると、複数回アニメーション化されます。そして、私が今それをどのように持っているかは、まったくアニメーション化されていません。これが今の様子です。いくつかのヒントに感謝します。ありがとう！

編集 - 正方形は、カウント ID に応じて異なる位置にアニメーション化されます。

<?php
...
$count = 0;
while($rows = mysql_fetch_array($data)){ //many rows
$count = $count + 1
    $id= $rows['id']; //different id's for each row


?>
<script>
    var ID = '<?php echo $id; ?>';
            var count = '<?php echo $count; ?>';      
</script>

<div id="squares" style="height:50px; width:50px; position:relative; background:black;" >

<script>
    document.getElementById('squares').id = ID; //make div id "squares" to ID

//So here the it doesn't work.
function(){
    if(count == 1){
    $('#' + ID).animate({left: (700), top: (300)}, 2000);
    $('#' + ID).animate({left: (300), top: (500)}, 2000);
    }
    if(count == 2){
    $('#' + ID).animate({left: (100), top: (400)}, 2000);
    $('#' + ID).animate({left: (100), top: (800)}, 2000);
    }
}

</script>
<?php
}
?>