javascript - Qualtrics，Javascript : how to implement a pause and show previously hidden choices?

Question

我设计了一项新的调查，在我的一个多项选择题中，选项应该隐藏 1 秒，以便用户在回答之前倾向于将更多注意力花在问题上。到目前为止，我的代码只能隐藏选择，但仍然缺少等待和显示。 (代码如下)

感谢您提供有关如何解决此问题的帮助或建议。

Qualtrics.SurveyEngine.addOnload(function () {
    this.hideNextButton();
    this.hideChoices();

    //HERE I WOULD LIKE THE CODE TO WAIT FOR 1 sec 

    //HERE I WOULD LIKE THE CHOICES TO REAPPEAR ON THE SCREEN

    this.questionclick = function (event, element) {
        if (this.getChoiceValue(4) == true) {
            this.clickNextButton();
        } else if (this.getChoiceValue(5) == true) {
            this.clickNextButton();
        }
    }
});

Answer 1

这里的问题有两个部分。

1. 如何等待一秒钟？这是通过 setTimeout() 和回调函数完成的。
2. 如何确保回调函数作用于正确的对象？ - 这是通过将我们想要处理的对象存储在变量中来完成的。

因此，在不了解 Qualtrics SurveyEngine 的情况下，从您的代码中可以清楚地看出 onLoad 回调中的 this 引用您的调查对象。稍后我们将在 setTimeout 回调中需要该对象，因此让我们存储它。剩下的很简单:

Qualtrics.SurveyEngine.addOnload(function () {
  var survey = this;

  // attach click event handler    
  self.questionclick = function (event, element) {
    // using `survey` instead of `this` would work here, too
    if (this.getChoiceValue(4) || this.getChoiceValue(5)) {
      this.clickNextButton();
    }
  };

  // hide buttons
  survey.hideNextButton();
  survey.hideChoices();

  // after 1000ms, show buttons again
  setTimeout(function () {
    survey.showNextButton();
    survey.showChoices();
  }, 1000);
});