用js让一个表格在容器里上下无限循环轮播

要让一个表格在容器里上下无限循环轮播，可以通过设置表格的position属性和top值，以及使用setTimeout()函数和递归调用来实现。具体步骤如下：

1. 首先，需要将表格放置在一个容器内，并将容器的高度设置为表格的高度。这样可以实现表格在容器内上下滚动。

2. 然后，使用JavaScript获取表格和容器元素，并计算表格的高度和容器的高度差。

3. 接下来，使用setTimeout()函数和递归调用，实现表格在容器内部上下滚动。每次滚动的距离等于容器的高度，当表格滚动到底部时，将表格的位置重置为容器的顶部。

下面是一个示例代码：

HTML代码：

<div class="container">
  <table>
    <tr>
      <td>Row 1, Column 1</td>
      <td>Row 1, Column 2</td>
    </tr>
    <tr>
      <td>Row 2, Column 1</td>
      <td>Row 2, Column 2</td>
    </tr>
    <tr>
      <td>Row 3, Column 1</td>
      <td>Row 3, Column 2</td>
    </tr>
    <!-- 更多表格行 -->
  </table>
</div>

CSS代码：

.container {
  height: 200px;
  overflow: hidden;
}

table {
  position: relative;
  top: 0;
}

JavaScript代码：

var container = document.querySelector('.container');
var table = document.querySelector('table');
var tableHeight = table.offsetHeight;
var containerHeight = container.offsetHeight;
var diffHeight = tableHeight - containerHeight;
var currentPosition = 0;

function scrollTable() {
  currentPosition -= containerHeight;
  if (Math.abs(currentPosition) >= diffHeight) {
    currentPosition = 0;
  }
  table.style.top = currentPosition + 'px';
  setTimeout(scrollTable, 3000); // 3秒后再次调用自身
}

scrollTable();

在上面的示例代码中，首先获取表格和容器元素，并计算表格的高度和容器的高度差。然后使用scrollTable()函数实现表格在容器内部上下滚动。每次滚动的距离等于容器的高度，当表格滚动到底部时，将表格的位置重置为容器的顶部。最后使用setTimeout()函数和递归调用，每隔3秒钟再次调用scrollTable()函数，以实现表格在容器内部无限循环滚动。

需要注意的是，由于表格的高度可能会改变，因此在使用JavaScript实现表格滚动时需要动态计算表格和容器的高度，并在滚动到底部时将表格的位置重置为容器的顶部。