-2

我需要一点 Javascript 的帮助。我想在 Qualtrics 上显示两张图像，但延迟 5 秒后。

为了更清楚，Image2 应该在 Image1 显示 5 秒后显示。

Qualtrics.SurveyEngine.addOnload(function()    
{    
    /*Place Your Javascript Below This Line*/    
});​
4

2 回答 2

4

这是对 Qualtrics 网站上计时器的修改：

http://www.qualtrics.com/university/researchsuite/coders-corner/html-and-css#displaytimer

几点注意事项：

  1. 我不确定您是否想让第一个图像在第二个图像出现时消失，但这就是您将使用此 JavaScript 获得的行为。
  2. 我离开倒计时只是为了说明时间和图像出现和消失之间的关系。
  3. 以防万一它不完全清楚。我使用的图像代码必须替换为您从自己的 Qualtrics 图像库中获得的链接。因此 img src="https://yourorghere.qualtrics.com/CP..." 将被您在 Qualtrics 的组织网址所取代

这是CSS：

.pic2 {
 display: none;
}​

图 1：

这是html：

Time: <span id="time1">30</span><br>
<img src="https://yourorghere.qualtrics.com/CP/Graphic.php?IM=IM_bCpAC12YW14vbtq" style="width: 133px; height: 115px;" class='pic1' />

添加此 javascript 替换默认的 Qualtrics JavaScript：

started = false;
function countDown1() {
  if (!started)
    started = true;
  else {
    var value1 = parseInt($('time1').innerHTML);
    $('time1').innerHTML = value1 - 1;

    if (value1 == 26) {
      var styling1 = document.getElementsByClassName('pic1')[0];
      styling1.style.display = "none";
    }
  }
  setTimeout(countDown1, 1000);
}
Event.observe(window, 'load', countDown1);​

图 2：

这是html：

Time: <span id="time2">30</span><br>
<img src="https://yourorghere.qualtrics.com/CP/Graphic.php?IM=IM_4Vjre9FrrbA828s" style="width: 117px; height: 107px;" class='pic2' />

替换默认 Qualtrics JavaScript 的 JavaScript：

started = false;
function countDown2() {
    if (!started)
        started = true;
    else {
        var value2 = parseInt($('time2').innerHTML);
        $('time2').innerHTML = value2 - 1;

        if (value2 == 25) {
            var styling2 = document.getElementsByClassName('pic2')[0];
            styling2.style.display = "block";

        }
    }
    setTimeout(countDown2, 1000);
}
Event.observe(window, 'load', countDown2);
于 2013-02-12T20:32:02.333 回答
4

您实际上不需要 Javascript 来执行此操作。在 Qualtrics 中，您可以添加“计时”问题以在 5 秒后自动推进参与者。就是这样：

  1. 插入要显示的第一张图片
  2. 添加计时问题（将右侧的自动前进选项设置为“5”，持续 5 秒）
  3. 在计时问题后插入分页符
  4. 在分页符之后插入要显示的第二张图像

那应该这样做。如果您还有任何问题，请通过 support@qualtrics.com 联系我们

感谢您使用 Qualtrics。在 Facebook 和 Twitter @qualtrics 上分享爱

-Qualtrics团队

于 2012-07-31T15:30:49.653 回答