成功通话时每行打印时需要延时吗？

Question

如何延迟每一行，延迟时间间隔显示processing please wait...？我试过setInterval()，但它不起作用。

url: '/assessment/omr-evaluation/post-omr-skill-based-career-test.aspx',
  data: {
    row: data
  },
  async: false,
  success: function(data) {
    var arr = new Array();
    var names = data
    arr = names.split('^');
    var userTable = $('#user_table_id');
    if (userTable == null || userTable.length == 0) {
      var table_html = "<table id='user_table_id'>";
      table_html += "<tr><td>Name</td><td>Email</td><td>Phone</td><td>PDf</td></tr>";

      table_html += "</table>";
      $('#candy').html(table_html);
    }
    userTable = $('#user_table_id');
    // table_html += "<tr><td>Name</td><td>Email</td><td>Phone</td><td>PDf</td></tr>";
    var newLine = $("<tr><td>" + arr[0] + "</td><td>" + arr[1] + "</td><td>" + arr[2] + "</td><td>" + arr[3] + "</td></tr>");
    userTable.append(newLine);
  },

  error: function(result) {
    alert("Error");
  }
})

 return result;
}

返回的数据：

Gunjan Chaudhary    Gunajndd@....com    8510847200  <a href="http://local.assessment/pdf/1828182.pdf" rel="nofollow">local.assessment/pdf/1828182.pdf</a> Tannu Kuamari Tannukumaridd@....com   8743992787  <a href="http://local.assessment/pdf/1828182.pdf" rel="nofollow">local.assessment/pdf/1828182.pdf</a> Kiran Paswan  Kiranpasddwan@....com   8800134507  <a href="http://local.assessment/pdf/1828182.pdf" rel="nofollow">local.assessment/pdf/1828182.pdf</a>

Answer 1

你是否想要实现这样的目标：

setInterval

如果要连续执行延迟功能。

示例：

var interval = setInterval(function to be executed..., delay)

setTimeout

如果您想在一定延迟后执行某项功能。

示例：

var timeout = setTimeout(function to be executed..., delay)

JSFiddle

代码

＆＃13;

＆＃13;

function createData() {
  var data = [];
  for (i = 0; i < 10;) {
    data.push({
      "index": i,
      "rowNum": ++i,
      "content": "test_" + i
    });
  }
  return data;
}

function appendRow(data, i) {
  var html = document.createElement("tr");
  var tdHtml = "";
  tdHtml += "<td>" + data[i].index + "</td>";
  tdHtml += "<td>" + data[i].rowNum + "</td>";
  tdHtml += "<td>" + data[i].content + "</td>";
  html.innerHTML = tdHtml;

  document.getElementById("content").appendChild(html);
}

function loadTable() {
  var data = createData();
  var index = 0;

  var interval = setInterval(function() {
    appendRow(data, index);
    index++;

    if (index >= data.length)
      window.clearInterval(interval);
  }, 1000);
}

loadTable();

＆＃13;

<table id="content">
  <tr>
    <th>Index</th>
    <th>Row</th>
    <th>Content</th>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

编辑1

更新了将innerHTML +=替换为appendChild的逻辑。参考Why is “element.innerHTML+=” bad code?。积分@Rayon Dabre