Question

这可能是一个常见的问题，但我尝试了一些解决方案，而且我的代码还没有完成。

所以，我在WYSIWYG页面上有一个.GIF图像。通过将ImageStart.jpg更改为我的Image.gif，我的代码可以正常启动并重放我的.gif文件。但是我需要在我的Image.gif结束后加载一个新图像＆＃34; ImageEnd.jpg。

所以，我尝试过SetTimeout：

function play(){
  if (document.getElementById("Pesquisa").src = "http://www.lyuz.com.br/media/./images/Software/PesquisaStart.jpg"){
    document.getElementById("Pesquisa").src = "http://www.lyuz.com.br/media/./images/Software/Pesquisa.gif";
  }else{
    document.getElementById("Pesquisa").src = "http://www.lyuz.com.br/media/./images/Software/Pesquisa1.gif"; 
  }
  SetTimeout(function(){end()},24000);
}

function end(){
  document.getElementById("Pesquisa").src = "http://www.lyuz.com.br/media/./images/Software/PesquisaEnd.jpg";
}

我看到它的方式，我的代码应该在24秒后将Image.gif更改为ImageEnd.jpg，这是动画的长度。

有什么问题吗？

Answer 1

除if拼写错误之外，setTimeout条件中的逻辑错误。应使用两个等号进行比较。此外，尝试存储对DOM元素的引用，而不是每次都搜索它。也使代码更清晰。

function play(){
  var img = document.getElementById("Pesquisa");
  if (img.src == "http://www.lyuz.com.br/media/./images/Software/PesquisaStart.jpg"){
    img.src = "http://www.lyuz.com.br/media/./images/Software/Pesquisa.gif";
  }else{
    img.src = "http://www.lyuz.com.br/media/./images/Software/Pesquisa1.gif"; 
  }
  setTimeout(function(){end()},24000);//you had SetTimeout(...), upperCased S previously
}

function end(){
  document.getElementById("Pesquisa").src = "http://www.lyuz.com.br/media/./images/Software/PesquisaEnd.jpg";
}

Answer 2

使用onload事件：的document.getElementById（＆＃34; Pesquisa＆＃34）。的onload =函数（）{端（）}

Javascript - 在一段时间后更改图像

2 个答案: