Next button greyed out and with timer

Question

<!-- // Hide the button SoSciTools.submitButtonsHide(); // After a timeout of 30 sec = 30000 ms, display the button window.setTimeout( SoSciTools.submitButtonsDisplay, 30000 ) // -->

Unfortunately this just makes the button disappear and reappear after the time. Is there any way to grey out the weiter button and it showing the timer?

Answer 1

Is there any way to grey out the weiter button and it showing the timer?

You may want to disable and gray out the button. Here's possible code for such a function to replace the SoSciTools.submitButtonsHide:

function disableNextButton() {
    button = document.getElementById("buttonNext");
    button.setAttribute("disabled", true);
    button.style.opacity = "0.5";
}