效果图

删除、插入行
function change(table) { //在table的最后增加一行,table.rows.length是表格的总行数 var row = table.insertRow(table.rows.length); //循环第三行的所有单元格的数据(标题、表头不动),让其加到最后新加的一行数据中(注意下标是从0开始的) for (j = 0; j < table.rows[0].cells.length; j++) { //给新插入的行中添加单元格 var cel0 = row.insertCell(0); var cel1 = row.insertCell(1); var cel2 = row.insertCell(2); var cel3 = row.insertCell(3); //设置新单元格的内容,这个根据需要,自己设置 cel0.innerHTML = table.rows[2].cells[0].innerHTML; cel1.innerHTML = table.rows[2].cells[1].innerHTML; cel2.innerHTML = table.rows[2].cells[2].innerHTML; cel3.innerHTML = table.rows[2].cells[3].innerHTML; table.deleteRow(2);//删除table数据的第一行 } };
获得表格
function tableInterval() {
//获得表格
var table = document.getElementById("table");
//执行表格change函数,删除第一行,最后增加一行,类似行滚动效果
change(table);
};
定时执行
//每隔2秒执行一次change函数,相当于table在向上滚动一样
setInterval("tableInterval()", 2000);