Javascript DIV动画和颜色变化

我正在尝试模拟TCP数据包传输，希望我已经取得了很大的进展。但现在我想解决两个需要帮助的小问题：

1-我想在发送数据包时，将页面底部表格中的对应单元格高亮显示为黄色，然后在收到其ack时，将颜色更改为绿色

2-从输入获取的

速度
变量不起作用

我的代码在这里：

$（文档）.ready（函数（）{
var计数=0；
var项目=0；
var packetNumber=0；
var速度=0；
var ssth=$（“#ssth”）.val（）；
var窗口左=0；
对于（var i=1；i1。
当涉及到着色时，最好添加一个包含项目计数的额外变量。在
animateDivs（）
中，一种不添加变量而使用
window\u left/20
的快速而肮脏的方法是：

并在
$（“按钮”）中单击（函数（）{
，在第一个
的后面，如果{}否则{}
：

for (var i = 0 ; i < items + window_left / 20; ++i)
    $('#table #' + (i)).css({background:'#fff'}); 

实际上，第二次淡入时，它不应该进入fadeIn函数；它应该进入最后一次淡入时。非常感谢您的帮助！@TinaJasmin:是的，我不完全确定您想要在哪里，但听起来很不错。您还可以在
animateDivs（）中重置背景
我猜。这取决于您的需要。很高兴提供帮助。您好，我有一个小问题。收到每个确认后，我需要将窗口向右滑动一步。我不知道为什么它不工作，并且没有任何更改。您能帮我吗？更新的代码在这里：@TinaJasmin:不确定您的意思。您想将它移到右侧吗或者每次都将其大小缩小一个正方形？我也看不到您在链接的小提琴中尝试这样做的任何地方…在每次确认（每个单元格变绿）后，窗口滑动一步。窗口大小现在正在工作（增加一倍至ssth，然后增加一倍）。
// First fade
.fadeIn(200, function() {
     $('#table #' + (index + window_left/20)).css({background:'yellow'});
 })
 // ...
 // Second fade
 .fadeIn(200, function() {
      $('#table #' + (index + window_left/20)).css({background:'green'});
 })

for (var i = 0 ; i < items + window_left / 20; ++i)
    $('#table #' + (i)).css({background:'#fff'}); 

speed = parseInt($("#speed").val());
// Or
speed = +$("#speed").val();