在javascript倒计时器之后改变一次

时间:2013-04-17 18:49:02

标签: php javascript function

我是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函数的答案,这不是我想要的。

我真的很感激一些帮助!

谢谢!

威尔

3 个答案:

答案 0 :(得分:1)

JSBin example

使用setTimeout在设定的时间后触发您的代码:

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

答案 1 :(得分:0)

看起来你没有向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;
}

答案 2 :(得分:0)

首先尝试一下 第1步:

onComplete      : changeImage(),

第2步:

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