Javascript 通过指定的时间间隔填充页面的最有效方法？

我马上就去

layout.html

<table>
 <tr>
  <td><div id="corner1"></div><div id="c11"></div><div id="c12"></div></td>
  <td><div id="corner2"></div><div id="c21"></div><div id="c22"></div></td>
 </tr>
 <tr>
  <td><div id="corner3"></div><div id="c31"></div><div id="c32"></div></td>
  <td><div id="corner4"></div><div id="c41"></div><div id="c42"></div></td>
 </tr>
</table>
<input type="hidden" value="12" name="tableid" />

我非常确信这可以以一种更有效的方式完成，我不在乎是否涉及到更改DOM结构

例如，当没有两个“角”div同时使用时，总是有4个“角”div听起来确实很糟糕。而且，由于ajax响应会在每次请求时发生变化，有时在填充新数据时，div会快速“闪烁”，这也很烦人

感谢阅读。

将

数据.c#

转换为数组，因此它是

数据.c[1]

，然后使用一个简单的

for（）

循环只执行一个输出块

for (i = 1; i <= 4; i++) {
   if(data.c[i]) {
       $('#c' + i + '1').html(data.c[i]);
       $('#c' + i + '2').html(data.filler);
   }
}

for（i=1；i将
data.c#
转换为数组，因此它是
data.c[1]
，然后使用一个简单的
for（）
循环只执行单个输出块

for (i = 1; i <= 4; i++) {
   if(data.c[i]) {
       $('#c' + i + '1').html(data.c[i]);
       $('#c' + i + '2').html(data.filler);
   }
}

以下（i=1；i的
是一些小修改。请尝试让我知道

注意：
数据['c'+i]
的计算结果与data.c1、data.c2、data.c3和data.c4相同

function fillem(data) {
   for (var i = 1; i <= 4; i++) {
       if (data['c'+i]){
          $('#c'+i+'1').html(data['c'+i]);
          $('#c'+i+'2').html(data['filler']);
       } else {
          $('#c'+i+'1').html(data['filler']);
       }
   }

 if(data.timer) {
  $("#timer").html(data.timer);
 }else{
  $("#timer").html("");
 }

 if(data.corner) {
  $("#corner" + data.corner).html("ACTIVE");
 }
}

函数fillem（数据）{
下面的（var i=1；i是一些小的修改。请尝试让我知道

注意：
数据['c'+i]
的计算结果与data.c1、data.c2、data.c3和data.c4相同

function fillem(data) {
   for (var i = 1; i <= 4; i++) {
       if (data['c'+i]){
          $('#c'+i+'1').html(data['c'+i]);
          $('#c'+i+'2').html(data['filler']);
       } else {
          $('#c'+i+'1').html(data['filler']);
       }
   }

 if(data.timer) {
  $("#timer").html(data.timer);
 }else{
  $("#timer").html("");
 }

 if(data.corner) {
  $("#corner" + data.corner).html("ACTIVE");
 }
}

函数fillem（数据）{
对于（var i=1；我定义“高效”。更快？更少的CPU密集型？更少的代码？更少的代码，更好的文档结构（即没有不必要的输出或空div..等）：）定义“高效”。更快？更少的CPU密集型？更少的代码？更少的代码，更好的文档结构（即没有不必要的输出或空div..等）：）我在整个脚本中都遵循了这个过程，通过更多的JQuery研究，我成功地将脚本（和输出）大小减半，谢谢。我在整个脚本中都遵循了这个过程，通过更多的JQuery研究，我成功地将脚本（和输出）大小减半，谢谢。