gpt4 book ai didi

javascript - 旋转表格单元格中的值

转载 作者:行者123 更新时间:2023-12-02 19:52:20 24 4
gpt4 key购买 nike

所以我现在想要完成的实际上只是我正在从事的一个小项目的简化版本。我首先要做的是拥有一个 10 行的表,每行都有一个值。 5 秒后,函数 makeTable 将运行并递增每个单元格中的值。现在,我最终得到的只是一个无限循环,如果我在更改内部 HTML 后进行alert/document.write 检查,它会不断增加值。

最终,我想用图像替换数字,但如果我至少能让数字正常工作,那么我就可以在此基础上进行构建。你们能提供的任何帮助都会很棒。谢谢!

    <html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>

<script type="text/javascript">

document.write("<table>");
var i;
for(i=0;i<10;i++){

document.write('<tr><td id="Cell' + i + '">'+i+'</td></tr>\n');
}
document.write("</table>");


function makeTable(n){
for(i=n;i<10+n;i++){
var cell="Cell"+i;
document.getElementById(cell).InnerHTML=i+1;

}
setTimeout(makeTable(n+1), 5000);
}

setTimeout(makeTable(1), 5000);

</script>
</head>

<body>
</body>
</html>

最佳答案

1.) 在函数中包装调用 makeTable(...):

setTimeout(function() { makeTable(...); }, 5000);

2.) 从 for 循环中删除 n:

for(i=0;i<10;i++) {

3.) InnerHTML 必须是 innerHTML 并添加 n:

document.getElementById(cell).innerHTML=i+n;

另请参阅this example (在示例中,setTimeout(...) 将被计算,直到 n 小于 5)。

更新:这里更改了代码:

function makeTable(n){
for(i=0;i<10;i++){
var cell="Cell"+i;
document.getElementById(cell).innerHTML=i+n;
}
setTimeout(function() { makeTable(n+1); }, 5000);
}

setTimeout(function() { makeTable(1); }, 5000);

关于javascript - 旋转表格单元格中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9125125/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com