javascript - 创建不连续的滚动框并测量每个部分的时间

Question

我有一个由两部分组成的问题，关于创建用于 Qualtrics 调查的滚动框，以及测量人们花在查看滚动框中不同文本部分的时间。

我想创建一个包含两个段落的滚动框，其中一次只有一个段落可见(不是连续滚动)，可用于 Qualtrics 调查。我找到了一些用于创建滚动框 ( https://www.quackit.com/html/codes/html_scroll_box.cfm ) 的 html 指南，但它们似乎都只显示连续滚动。

我还需要一种方法来衡量每个段落在屏幕上可见的总时间(如果读者在两个段落之间来回切换，我需要捕获每个段落在屏幕上的全部时间).同样，我找到了有关如何测量滚动量 (http://www.javascriptkit.com/javatutors/detect-user-scroll-amount.shtml) 的资源，但没有找到滚动框中不同部分内的时间量。

如有任何帮助，我们将不胜感激!

Answer 1

我不知道您将如何确定用户何时进入或退出滚动框，但测量每个滚动框时间的一种方法是使用类似下面的方法:

var scrollBox1Time = 0;
var scrollBox2Time = 0;
//When user enters scroll box 1
var startTime = new Date().getTime();

//When user exits scroll box 1
var endTime = new Date().getTime();
scrollBox1Time += (endTime-startTime);

//When user enters scroll box 2
var startTime = new Date().getTime();

//When user exits scroll box 2
var endTime = new Date().getTime();
scrollBox2Time += (endTime-startTime);  //Add time for scroll box 2

时间以毫秒为单位。