<div class='box'>
      <img id='ddsa' class='cdm' src='NTIwMzA2NTAxNjcxMjI0NjAyNV8xNjQ5NDg3NTAzODI0_5.jpg'/>
<pre><code>    &lt;img class='cds' src='3a72f5a9a157fa39485bf32cd17d2ab8.png'/&gt;
  
&lt;/div&gt;
</code></pre>
 <script>
 var intervalId;
 var i = 1;
 var s = 1;
 var boxRect = document.querySelector('.box');
 var cdmRect = document.querySelector('.cdm');
 var cddsRect = document.querySelector('.cds');
 function rtgu(){
 var cdmRect = ddsa.getBoundingClientRect();
      var cdsRect = document.querySelector('.cds').getBoundingClientRect();

      // 判断两个元素的位置关系
      if (cdmRect.left < cdsRect.right && cdmRect.right > cdsRect.left && cdmRect.top < cdsRect.bottom && cdmRect.bottom > cdsRect.top) {
        // 弹出弹窗
        clearInterval(intervalId);
        alert('GAME OVER!');
        boxRect.style.animation='no 0s linear infinite';
        cdmRect.style.animation='nko 0s linear infinite';
        cddsRect.style.animation='nko 0s linear infinite';
        s=0;
      }
 }
//setInterval(rtgu,4);
 bodh.onclick=function (){
     if(s==1){
       boxRect.style.animation='no 8s linear infinite';
       cdmRect.style.animation='nko 8s linear infinite';
       cddsRect.style.animation='nko 2s linear infinite';
       setTimeout(function(){intervalId = setInterval(rtgu,4);},100)
       s=0;
       }
//alert('qd');
 if(i==1){
  ddsa.style.left='-25px';
  i=0;
 }else{
  ddsa.style.left='285px';
  i=1;
 }
 }
 </script>
WebCat 游戏:如何停止游戏结束后的动画

原文地址: https://www.cveoy.top/t/topic/qnkG 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录