Next Page Button: Count Down Timer

This article will show you how to display the Next Page button after a set amount of time  

Display the Next Page Button Using a Count Down Timer

You may want to display the Next Page button after a specific amount of time. This can be done so that a respondent is forced to review a concept for at least 10 seconds, for example. 

Follow the steps below to set this up:

1. Add the question(s) needed onto the page
2. Within a question on that page, click on 'ADD JAVASCRIPT' 
   
3. Add the code below and update the first line to have the amount of seconds. A count down timer will appear until the set amount of time as elapsed and the Next button can be used.   
   

   var hideInterval = 10 /* UPDATE SECONDS TO BE WHAT YOU NEED */ 
   var nextButtonText = jQuery("#cm-NextButton").html();
   var functionCall = setInterval(timerUpdate, 1000);
   cmSurvey.disableNextButton(true);
   jQuery("#cm-NextButton").css("width", "10em");
   function timerUpdate() {
   jQuery("#cm-NextButton").addClass("disabledButton").html(hideInterval);
   hideInterval -= 1;
   if (hideInterval < 0) {
   clearInterval(functionCall);
   jQuery("#cm-NextButton").removeClass("disabledButton").html(nextButtonText);
   cmSurvey.disableNextButton(false);
   /*jQuery("#cm-NextButton").click();*/ /*UNCOMMENT TO ALSO AUTOSUBMIT*/
   }
   };
   	

4. Click on the 'SAVE' button 
   
5. Make sure to test