Question

我有一些代码可以更改表格中的图像。工作正常，直到我尝试放入一个计时器来减慢速度，使它看起来像是一种推出而不是全部只是“快速”。到位。任何帮助非常感谢。代码如下：

function showImage(){
    for(i=0; i<SIZE; i++) {
        var showImage = document.getElementById(i);
        showImage.src = i+'.png';
    }
    setTimeout(showImage(),700);
}

Answer 1

编辑：将代码放在一个立即调用的函数表达式中：

plain

Answer 2

您的函数将被反复调用，因为您已在函数内部对函数进行了函数调用。试试这个（未经测试）

function showImages()
{
    for(i=0; i<SIZE; i++) {
        setTimeout(function() {
         showImage(i);
        }, 700)      
    }        
}

function showImage(i)
{
  var showImage = document.getElementById(i);
  showImage.src = i+'.png';    
}

如果它不起作用，请尝试通过在您循环和showImage（i）函数中将输出插入浏览器控制台来检测代码：

console.log("insert what you want to output here");

在chrome（和其他浏览器）中点击F12以调出调试器，并确保选择了控制台选项卡。现在，您应该能够使用日志记录来调试脚本。

setTimeout用于动画表格图像

2 个答案: