Question

我有一个画布刮刮卡游戏，我想放置＆＃39; play＆＃39;它上面的图像和按下时图像应该消失，用户可以开始播放。

与我同在的图像消失了1/2秒，然后再次出现。这可能是一些我不太擅长的CSS魔术。

任何帮助表示赞赏

<div id="canvasImage" class="col-1-2">
  <div class="play-hover">
    <img id="img"class="img-hover"src="resource/images/play.png"
     onclick="prices()">
    </img>
  </div>

<script>
  $(function() {
    $(document).on("click",function (e) {
      if (e.target.id=="img") {
        $("#canvas").fadeToggle(200);
        e.stopPropagation();
        return false;
      }
    });
  });
</script>

<canvas id="canvas"></canvas>

  <script>
  this.go = function(data){

    $(function(){
      var canvas = document.getElementById("canvas");

      canvas.height = window.innerHeight;
      canvas.width = window.innerWidth;
      var scratch_layer = new ScratchMask(canvas, "resource/images/paris.png", canvas.width, 
      canvas.height, data,
        function(){
            console.log("success2");

        }
    );

    $(".loading").remove();
  })
  }

Answer 1

$(document).ready(function() {
  setTimeout(function(){$("#canvasImage").fadeOut(1500); } ,3000);
});

请按照以上解决方案setTimeOut功能将根据您提到的时间自动消失图像

Html / jQuery：让div消失并在下面使用Canvas

1 个答案: