Как измерить время взаимодействия с пользовательским интерфейсом, меню, созданное Javascript?

Question

Я хочу измерить время взаимодействия с пользовательским интерфейсом, как показано ниже.

1. Время между выбранным меню и показом результата.
2. Время между вводом и отображением букв в пользовательском интерфейсе

Я думаю, что многие люди предлагают мне измерить время между вызовом функции и результатом, но я хочу знать другой способ получить время, когда изменяется пользовательский интерфейс. Можно ли проверить время для изменений пользовательского интерфейса?

Инструмент, который я разрабатываю, сделан из Javascript и работает в браузере.

Answer 1

Вот мой ответ:

Msgstr "Javascript однопоточный".

Итак, что это значит:

Javascript запускает код последовательно. Невозможно запустить два разных фрагмента кода Javascript одновременно, потому что он не поддерживает многопоточность.

Выполнение кода javascript выполняется построчно. Поэтому одновременное выполнение нескольких строк невозможно (хотя оно будет очень небольшим)

Простое решение:

check_my_time_first() ;//these will be functions returning the epoch time
check_my_time_after();

Вам просто нужен console.log, помечать переменные и время эпохи.

Во-первых, разница будет очень маленькой.

var milliseconds_before = (new Date).getTime();//use this code when user clicks

var milliseconds_after = (new Date).getTime();//use this when result appears.

Используйте переменные-флажки, чтобы знать, когда выполнение было завершено.

Другой пример:

var execution_over=false;
function doSomething(){
console.log("start_time"+milliseconds_before)
//some code to be executed;

execution_over=true

if(execution_over==true){
console.log("time="+milliseconds_after)
   }
}

Разница:

 var diff=milliseconds_before - milliseconds_after;

Разместите этот код с умом, и вы увидите разницу во времени.

Важно понять основы. Я надеюсь, что мой ответ помог.