Javascript 如果DeviceOrientation介于两个值之间，则交换div源

当移动设备举向天空时，尝试将静态图像交换为动画图像。正如您在下面的代码中所看到的，我试图找出beta值何时处于“向上”位置，但它不起作用。非常感谢您的帮助-谢谢：

<div class="container"> 
    <img id="ball" width="640" height="960" src="ball.png" /> 
</div> 

<script type="text/javascript"> 
window.addEventListener("deviceorientation", swapImg); 
function swapImg(evt) { 
    var directions = document.getElementById("ball"); 
    if (evt.beta > 100 || evt.beta < 180) { 
        ball.src = "ball.gif"; 
    } 
} 
</script> 

---

设置src时，您正在引用一个不存在的变量ball

相反，你应该改变

ball.src=ball.gif

到

---

directions.src=ball.gif

抱歉，应该粘贴更多代码，“ball”div位于主体中：window.addEventListenerdeviceorientation，swapImg；函数swapImgevt{var directions=document.getElementByIdball；如果evt.beta>100 | | evt.beta<180{ball.src=ball.gif；}您尝试过在javascript调试器中调试吗？你愿意加入if条款吗？