跟踪并显示鼠标位置jquery php

Question

我想像正在播放的电影一样跟踪和播放鼠标指针。我已经跟踪了鼠标位置并存储在我的数据库中。但我无法像电影一样显示这些鼠标位置。它显示了鼠标移动，但不是我记录的方式。

 <script>
 var xdata = <?php echo json_encode($xdata); ?>;
 $(document).ready(function(){

 $("#clickme").click(function() {

 for (var i=0; i<=xdata['x'].length-1; i++){

    lpos = xdata['x'][i];
    tpos = xdata['y'][i];
    $("#mouse_pointer").animate({ 
    'top': tpos+'px',
    'left': lpos+'px',      
  }, 200 );
 }

});

});


</script>

以下是跟踪期间存储的鼠标位置。

PosX    PosY   duration (milliseconds)
306     25     935
308     25     8
312     25     7
316     25     20
320     25     391
324     25     41
325     2      5
328     38     34

任何人都可以帮忙吗???这是正确的方法???