Question

我想点击一下按钮的图像源几秒钟。

现在我有了这个：

setTimeout(function(){document.getElementById('buttonImg').src='images/button2.png';},5000);

但是这样做的是在5秒后改变图像而不是5秒钟。我无法弄清楚如何更改setTimeout函数来执行此操作

Answer 1

函数setTimeout在第二个参数中给出的延迟后执行第一个参数。所以首先要改变你的形象：

document.getElementById('buttonImg').src='images/button2.png';

然后在延迟5秒（5000毫秒）后重置为上一张图像：

setTimeout(function(){
     document.getElementById('buttonImg').src='images/button1.png';
},5000);

Answer 2

你可以这样做！

document.getElementById('buttonImg').src='images/button2.png';
 setTimeout(function() {
     document.getElementById('buttonImg').src='[the source of the original image]';
 } ,5000);

Answer 3

您需要跟踪原始图像，以便在5000毫秒后替换为原始图像。像这样的东西，

function clickBtn(){
 var originalSrc = document.getElementById('buttonImg').src;
 document.getElementById('buttonImg').src = 'https://www.freeiconspng.com/minicovers/submit-button-png-18.png'
  setTimeout(function(){
    document.getElementById('buttonImg').src=originalSrc;
  },5000);
}

<img id='buttonImg' src='https://www.freeiconspng.com/minicovers/submit-button-png-9.png' onclick='clickBtn()' />

点击更改按钮几秒钟

3 个答案: