JavaScript进行Qualtrics(Javascript for Qualtrics)

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

为了更清楚显示的图像1 5秒后，图像2应显示。

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

Answer 1:

你其实并不需要Javascript功能来做到这一点。在Qualtrics你可以在5秒后添加一个“时机”问题自动推进的参与者。这是如何做：

插入您要显示第一图像
添加定时问题（右侧为“5”×5秒自动高级选项）
插入计时问题后，分页符
插入第二图象你想要的分页符后显示

这应该这样做。如果你有任何问题，只是问我们在support@qualtrics.com

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

-Qualtrics团队

Answer 2:

这是在Qualtrics现场计时器的修改：

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

几点注意事项：

我不知道，如果你想拥有第一图像消失，第二个出现的，但就是这样，你会用这个JavaScript拿到行为。
我离开的倒计时只是为了说明的时间和出现和消失的图像之间的关系。
万一它不完全清楚。因为我使用的图像的代码都必须由你自己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);