Question

所以，我有一个播放coinflip动画的按钮。问题是，如果我按下按钮并获得我之前得到的结果，它将不会再次播放GIF。（GIF只能按每按一次运行一次。）

<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p>My paragraph.</p>
<p id="flipDisplay"></p>
<button onclick="display()">Flip the Coin!</button>
<script>
  function coinFlip() {
    return (Math.floor(Math.random() * 2) == 0);
  }
  function display() {
    if (coinFlip()) {      
      var img = document.createElement('img');
      img.src = "./tflip.gif";    
      showImage(img);

    } else {      
      var img = document.createElement('img');
      img.src = "./ctflip.gif";
      showImage(img);
    }
  }

  function showImage(img){
      var display = document.getElementById("flipDisplay");
      display.innerHTML = '';
      display.appendChild(img);
  }
</script>
</body>
</html>

另外，它的发音为Gif not Gif。

按下按钮时，GIF只会播放一次

0 个答案: