Question

我正在使用JavaScript構建移動應用程序。走進它，我需要獲得從手機的加速計數據，所以我附上一個事件偵聽到它：

if (window.DeviceOrientationEvent) { 
    window.addEventListener("deviceorientation", function (event) { 
     if (typeof(event.alpha) != 'undefined') { 
      //here goes function for an event 
     } 
    }, false); 
} 

但問題是，它獲得的數據每毫秒，因此當我調用該函數繪製和重新繪製的東西根據這些數據，它每毫秒都會這樣做 - >應用程序崩潰。

有什麼方法可以延遲或以較小的份數接收這些數據嗎？是否有函數來監聽事件，例如，每半秒鐘一次？

Answer 1

它被稱爲「功能反彈」。基本上，你在一定的時間內只執行一次你的東西。一個簡單的實現是：

var lastExecution; 
addEventListener("deviceorientation", function (event) { 
    var now = Date.now(); 
    if (now - lastExecution < 17) return; // ~60Hz 
    lastExecution = now; 
    ... 
}, false); 

（是的，lastExecution在第一未定義這是精）

Answer 2

我認爲你正在尋找類似detrottle /防抖動

如果您有jQuery的， these guys made it easy：

window.addEventListener("deviceorientation", function (event) { 
    $.throttle(250, function (event){ 
     // Code here will excecute every 250 ms 
    }) 
);