如何管理requestAnimationFrame在Javascript

Question

的JavaScript：

var chop1 = document.getElementById("chop1"); 
var hit = document.getElementById("butn"); 
chop1.style.position = "relative"; 
chop1.style.top = "0px"; 
var chopperY; 
function fly() 
{ 

chop1.style.top = parseInt(chop1.style.top) + 10 + 'px'; 
chopperY = chop1.style.top; 
if(chopperY == 500) 
    { 
    alert("get the position") 
    } 
requestAnimationFrame(fly); 

}; 
hit.onclick = function() 
{ 
    fly(); 
}; 

在上面的例子中，在沒有任何== chopperY是500.Console警告不給任何error.What是在此代碼錯誤怎麼提醒字符串在給定的條件？

Answer 1

HTML節點的style.top屬性總是一個包含位置和單位的字符串（在你的情況下它將是'px'），所以在你的條件語句中，你應該寫if (chop1 === '500px') {...}。