在Qualtrics中实现多页计时器

Question

对于一个正在研究的项目，我正在尝试使用Qualtrics上的Javascript功能实现计时器，该计时器将跟踪时间并将其显示在多个页面上。

我的代码的总体思路是跟踪多个页面上的定时倒计时。 也就是说，我有一系列任务，每个任务都在单独的页面上但在同一块中，并且我想显示每次加载新页面时还剩下多少时间。

为此，首先我定义了几个嵌入式数据字段“ timeleftrounded”和“ start time”，并将值留待以后分配。

其次，我将以下代码直接放在要启动计时器的页面之前的最后一个问题上。 我的意图是让这段代码在当前时间读取，以定义嵌入式数据“ start_time”

    Qualtrics.SurveyEngine.addOnload(function()
{
Event.observe($('NextButton'), 'click', function (e) 
    {    
        Qualtrics.SurveyEngine.setEmbeddedData("start_time", Date.now());
     });
});

在下一页上，我的任务开始了，由于我希望受试者总共40分钟，所以我只写了“ 40分钟”，不需要任何代码。 但是在这个问题上，我还有更多的代码可以用来计算单击加载下一页的按钮时的剩余时间（以分钟为单位）。

    Qualtrics.SurveyEngine.addOnload(function()
{
    Event.observe($('NextButton'), 'click', function () 
{ 
        var timeleftrounded = (2400000- (Date.now() - Number("${e://Field/start_time}")))/60000;    
    Qualtrics.SurveyEngine.setEmbeddedData("timeleftrounded",timeleftrounded);  
        });
    });

下一页使用以下代码将变量“ timeleftrounded”舍入到第一个小数点并将其显示给主题，

$e{ round(e://Field/timeleftrounded , 1) }

这就是我开始困惑的地方：尽管当我使用“查看块...”功能时此代码可以正常工作，但是当我使用完整的调查预览模式或启动调查（创建副本）时，计时器不起作用-除非我对问题的回答有误，否则它将仅显示“ 0”。 每个页面都有一个带有验证检查的问题，一旦我至少一次给出了错误的答案，计时器就会再次起作用，但是如果我只给出正确的答案，计时器就永远无法起作用。

希望我缺少明显的东西，但是我无法在网上找到任何解决方案，所以我认为这可能也是其他人也会感兴趣的东西。

Answer 1

通常，在“下一个按钮”上添加事件监听器通常是行不通的，因为Qualtrics在“下一个按钮”上有自己的事件监听器。

我将建议一种更简单的方法。 使用内置的嵌入式变量Q_TotalDuration，该变量始终具有当前的调查总持续时间（以秒为单位）。

在调查流程中，就在您计时的问题开始之前：

start_time = ${e://Field/Q_TotalDuration}

标头中的HTML：

<div id="timeLeft" style="text-align:right"></div>

有关定时问题的JavaScript（每页只需要一个）：

Qualtrics.SurveyEngine.addOnload(function()
{
    var timeleftrounded = (2400 - (parseInt("${e://Field/Q_TotalDuration}") - parseInt("${e://Field/start_time}")))/60;
    timeleftrounded = timeleftrounded.toFixed(1);  
    $('timeLeft').update(timeleftrounded + " minutes left");
});