Question

我想测量UI交互时间，如下所示。

选择菜单和显示结果之间的时间。
用户打字与时间之间的时间在UI中显示字母

我想很多人建议我测量功能调用和时间之间的时间。结果，但我想知道通过UI更改获得时间的另一种方法。是否可以检查UI更改的时间？

我正在开发的工具是由Javascript制作并在浏览器上运行。

Answer 1

以下是我的回答：

“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;

巧妙地放置此代码，您将看到时间上的差异。

重要的是了解基本面。我希望我的回答有所帮助。

如何衡量UI的用户交互时间，Javascript制作的菜单？

1 个答案: