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

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

时间以毫秒为单位。