обнаружить мобильный акселератор встряхивания в течение 5 секунд, а затем предупредить сообщение

Question

Я разрабатываю приложение, в котором пользователь может встряхнуть свой телефон в течение некоторого времени e, g 5 секунд, а затем встряхнуть событие, рассчитать их общее время встряхивания, а затем отобразить предупреждающее сообщение , я использую библиотеку shake.js, но она меняет продукт после однократного встряхивания, и я хочу рассчитать общее время встряхивания устройства, а затем отобразить некоторое сообщение.

Пожалуйста, помогите мне решить эту проблему, действительно застрял в этом. Ниже приведен код, который я написал до сих пор.

function changeProduct() { 
    var shirts = [ 
        ["images/1.jpg","12.65"], 
        ["images/2.jpg","10.00"], 
        ["images/3.jpg","15.50"], 
        ["images/4.jpg","12.65"], 
        ["images/5.jpg","13.00"], 
        ["images/6.jpg","11.85"] 
        ]; 

    var pos = Math.floor((Math.random() * shirts.length) + 0); 
    $("#image").html($("<img/>").attr("src", shirts[pos][0])); 
    $(".price").html("$" + shirts[pos][1]); 
} 

$(document).ready(function() { 
    function onShake() { 
     changeProduct(); 
    } 

    $.shake({ 
     callback: function() { 
      onShake(); 
     } 
    }); 
}); 

Answer 1

Вы должны иметь что-то вроде этого где-то за пределами вашей функции, которая вычисляет его:

var totalShakeTime = 0; 

и при отображении результата, перед отображением:

totalShakeTime += currentShakeTime; //where currentShakeTime represents the last value