javascript代码挂在网页

我想获得一个移动div的位置（使用CSS3动画动画）和连续检查它我使用的是while(true)像下面javascript代码挂在网页

function detectCollision(){ 

    alert(document.getElementById("obstacle").style.left) 

    while(true){ 
     var temp = getObstaclePosition(); 

     var temp2 = getPlanePosition(); 
     if(temp[0] <= temp2[0]+500){ 
      document.getElementsByClassName("plane")[0].style.display = "none"; 
      break; 
     } 
    } 
}

这里的问题是，经过第一个提醒页面挂起。此外，如果我在while循环中放置一个警报，那么它会一直弹出并且代码正常工作，但不会以其他方式工作。让我知道如何解决这个问题？

来源

2015-10-06 Adam nick

不使用'，而（真）'，使用[requestAnimationFrame（HTTPS：/ /developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame） – trebor

循环中的任何内容都不会改变'temp [0]'，所以没有任何东西会使循环退出。 – Pointy

虽然循环只是要锁定您的浏览器，这将阻止其他进程运行。您需要使用间隔或超时来防止锁定。 – epascarello

而不是使用一个while (true)，这是昂贵的，你可以使用setInterval：

a = setInterval(function() { 
    var temp = getObstaclePosition(); 

    var temp2 = getPlanePosition(); 
    if(temp[0] <= temp2[0]+500){ 
     document.getElementsByClassName("plane")[0].style.display = "none"; 
     clearInterval(a); 
    } 
}, 100);

来源

2015-10-06 14:10:34

这不会按照你所做的方式工作，如果if语句返回“false”，什么都不会发生。 –

@StephanBijzitter哪种说法？ – 2015-10-06 14:11:48

'声明'，编辑修复这个错字哈哈 –

的页面不呈现，而你是内循环，从而元素的位置不会改变。这导致循环永不结束。

如果你想要做这样的事情，你将不得不使用递归setTimeout或正常setInterval实现。

有了它们，每超时做一次检查。

https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

来源

2015-10-06 14:10:46

的JavaScript运行在同一个线程，因此，如果在某个循环中占有这个具有无限循环，剩下的就是不能再运行。

至于你的循环替代，你可以使用setInterval，其中重复执行的函数或代码片段：

setInterval(new function() { 
    // whatever 
}, 100); // repeat every 100 ms, i.e. 10 times per second

来源

2015-10-06 14:13:14

javascript代码挂在网页

回答

相关问题