javascript和html中的乘法表中的延迟结果

// 获取乘法表容器元素
var tableContainer = document.getElementById("multiplication-table");

// 定义乘法表的行数和列数
var rows = 10;
var cols = 10;

// 生成乘法表
for (var i = 1; i <= rows; i++) {
  // 创建行元素
  var row = document.createElement("tr");

  for (var j = 1; j <= cols; j++) {
    // 创建列元素
    var col = document.createElement("td");

    // 计算乘法结果
    var result = i * j;

    // 使用setTimeout函数延迟显示结果
    setTimeout(function (value) {
      // 创建结果文本节点
      var textNode = document.createTextNode(value);

      // 将结果文本节点添加到列元素中
      col.appendChild(textNode);
    }, 1000 * (i + j), result); // 延迟时间为行数和列数之和的秒数

    // 将列元素添加到行元素中
    row.appendChild(col);
  }

  // 将行元素添加到乘法表容器中
  tableContainer.appendChild(row);
}