Как заставить изображение переключиться обратно на исходное изображение sr c после того, как Iv'e нажал кнопку один раз - PullRequest
Новая
       5

Как заставить изображение переключиться обратно на исходное изображение sr c после того, как Iv'e нажал кнопку один раз

1 голос
/ 11 марта 2020 
<html>
<body>

<button onclick="document.getElementById('myImage').src='hagthrowingball.gif'">Throw Fire ball</button>

<img id="myImage" src="foresthag.gif" style="width:100px">


</body>
</html>

Мне нужно, чтобы изображение sr c щелкнуло, чтобы показать изображение hagthrowingball.gif, но затем go вернулось в foresthag.gif без повторного нажатия кнопки.

1 Ответ

1 голос
/ 11 марта 2020

Я думаю, что это должно решить вашу проблему, автоматически вернув старый sr c через некоторое время; 

<button onclick="replaceFunc();">Throw Fire ball</button>

<img id="myImage" src="foresthag.gif" style="width:100px">

<script>
  function replaceFunc (){
      const el = document.getElementById("myImage");
      const oldSrc = el.src;
      el.src = 'hagthrowingball.gif';
      setTimeout(()=>el.src=oldSrc, 1000);
  }
</script>
</body>
</html>
...