Hi!
I have 4 questions in one block, separated into 3 pages. I want to auto-advance, but for some reason it keeps auto-advancing in the following block (for which I added no code).
The first question has its own page and I want it to auto-advance after the participant choses an option or after 6 seconds. I used the following code:

this.hidePreviousButton ();

this.hideNextButton();

var that = this;

(function(){that.clickNextButton();}).delay(6);

that.questionclick = function(event,element){if (element.type == 'radio'){that.clickNextButton()}}

The second question also has it own page, and I want it to auto-advance after 1 second. It is information only and participants do not need to answer.
I used the following code:

this.hidePreviousButton ();

this.hideNextButton();

var that = this;

(function(){that.clickNextButton();}).delay(1)

The third and fourth question share the last page. I want to auto advance after 10 seconds. I used the following code in the third question:

this.hidePreviousButton ()

var that = this;

(function(){that.clickNextButton();}).delay(10);

For some reason, the third page auto advances after 1 or 2 second aprox, and surprisingly, the survey keeps auto-advancing, even in the next block (for questions that have no code at all!!!). If I delete this line

that.questionclick = function(event,element){if (element.type == 'radio'){that.clickNextButton()}} 

from the first question, the problem is solved but of course, I don't get to auto-advance in the first question whenever a choice is selected but rather only after 6 seconds.
All code is under

Qualtrics.SurveyEngine.addOnload(function(){})

, but I tried to move it (and parts of it) to

addOnReady 

with no success.
Any insights on why this problem might by and more importantly, how to solve it!?

Thank you in advance