php - 在javascript倒数计时器后更改图像一次

Question

我是 Javascripting 的新手——事实上，我不是已经做了很多年了。

我试图在javascript倒计时结束时使用一个函数来更改和图像。在倒计时脚本中，它说我可以指定一个函数来完成调用。

onComplete      : changeImage,

所以，在javascript倒数计时器的底部，我写了这个：

function changeImage(a) {document.getElementById("img").src=a.src;}
</script>

我要更改的图像在脚本上方，写在这里：

<a href="index.php"><img id="img" align="middle" height="450" src="images/samandwill.gif" class="logo" /></a>

我想将图像 src 更改为“images/samandwill2.gif”

我怎样才能做到这一点？- 我正在使用 Dreamweaver 和 PHP。

这可能很简单，但我会非常感谢一些帮助。我能找到的只是 onclick 函数的答案，这不是我想要的。

我真的很感激一些帮助！

谢谢！

将要

Answer 1

JSBin 示例

用于setTimeout在设定时间后触发您的代码：

setTimeout(function(){
  document.getElementById('img').src="http://placehold.it/200x200";
}, 2000);

Answer 2

看起来您没有将任何内容传递给 changeImage 函数。此外，在您的更改图像功能中，您似乎期待一个图像元素？

这是一个例子：

http://jsfiddle.net/C4CFa/

setInterval( function(){changeImage('http://boardingarea.com/blogs/deltapoints/files/2012/07/test.jpg')},3000);

changeImage = function(a) {
    current_image = document.getElementById("img");
    current_image.src = a;
}

Answer 3

首先尝试第 1 步：

onComplete      : changeImage(),

第2步：

function changeImage() {document.getElementById("img").src='images/samandwill2.gif';}
</script>