Как вычислить время зажатия?

Question

[Tim On]

Делаю для практики мини веб игру, и нужно сделать элемент управления для div.
Я придумал такое решение: при нажатии на блок(всего 4: вверх, вниз, влево, вправо), запустить таймер значение которого записывается в переменную, которая в свою очередь подставляется в style.margin = переменная + 'px';
В общем, как это осуществить без библиотек?

Comments

[Rerurk]

Зачем так? Не проще клавиши анализировать?

[Tim On]

Rerurk, делаю под телефон.

[Rerurk]

Tim On, таймер зачем?

[Tim On]

Rerurk, От времени нажатия кнопки будет зависеть пройденное расстояние.Такое решение в голову пришло.

[Rerurk]

Tim On, а Виргиния играх такое есть? Не проще точку перемещения вычислять?

[Tim On]

Rerurk, Как?

[Rerurk]

У события ontoach есть координаты, у события onmove тоже есть. Доставай из и играйся

[Роман]

Tim On, Rerurk, а можно и как то так сделать:

[Роман]

Rerurk, Tim On, а вот вариант где используются координаты событий ontoach/onmove

Answer 1

[Роман]

вам не нужен таймер для этой цели. достаточно в момент нажатия запомнить текущее время а в момент отжатия от текущего времени вычесть запомненное.

// переменная, в которую запоминаем время
let pressedTime = Date.now();

...
// при нажатии  
pressedTime = Date.now();

...

// при отжатии
const passedTime = Date.now()-pressedTime;
console.log("С момента нажатия прошло", passedTime, "миллисекунд");
console.log("С момента нажатия прошло", passedTime/1000, "секунд");


// при отрисовке внутри цикла window.requestAnimationFrame(loop);
if( кнопка нажата ){
   const passedTime = Date.now()-pressedTime;
   style.margin = (parseInt(style.margin)+passedTime/100) + 'px';
}

если вам нужно более точное время чем миллисекунды то вместо Date.now() используйте performance.now()

ну и вот еще посмотрите для реализации цикла игры https://developer.mozilla.org/ru/docs/DOM/window.r...

вот наваял простенький вариант:

Comments

[Tim On]

Но нужно в реальном времени. Т.е. нажал - и фигура 'поплыла';

[WbICHA]

Tim On, так зачем время нажатия вычислять? Нажал, фигура движется, отжал, останавливается.

[Tim On]

WbICHA, Ок, спасибо.

[Роман]

WbICHA, для человека непонятны dx и dy))))

[Роман]

WbICHA, думаю пока сам своим умом не дойдет, объяснять бесполезно, а вот как посчитать разницу во времени могу и подсказать)

Answer 2

[WapSter]