同じタブにとどまっている間は正しく動作しますが、タブを変更するとsetTimeout
、Chrome で奇妙な反応を示します。イベントとの関連もあると思いwindow.blur
ます。
コードは次のとおりです。
function animate(_travel, elementID)
{
OB = document.getElementById(elementID);
getNumber = OB.style.marginLeft.replace("px", "") * 1;
ease = Math.ceil(_travel / 8);
OB.style.marginLeft = (getNumber - ease) + "px";
_travel -= ease;
if(_travel > 0) {
setTimeout("animate(" + _travel + ", '" + elementID + "')", 15);
}
}
animate(300, 'myDiv');