WebCat 游戏:如何停止游戏结束后的动画
<div class='box'>
<img id='ddsa' class='cdm' src='NTIwMzA2NTAxNjcxMjI0NjAyNV8xNjQ5NDg3NTAzODI0_5.jpg'/>
<pre><code> <img class='cds' src='3a72f5a9a157fa39485bf32cd17d2ab8.png'/>
</div>
</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>
原文地址: https://www.cveoy.top/t/topic/qnkG 著作权归作者所有。请勿转载和采集!