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
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us