This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revision | |||
en:create:timer-submit [28.04.2021 17:57] – [Display Countdown] sophia.schauer | en:create:timer-submit [12.04.2022 21:39] (current) – admin | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Timer: Go Onto Next Page Automatically ====== | ====== Timer: Go Onto Next Page Automatically ====== | ||
- | This chapter describes how to limit the dwell time on a page -- or how to define exactly when the Next button should be hidden in parallel to this. After the given amount of time has expired, the participant will be forwarded automatically onto the next page. | + | This chapter describes how to limit the dwell time on a page -- or how to define exactly when the " |
The solution is based on [[: | The solution is based on [[: | ||
Line 13: | Line 13: | ||
- If necessary, the Next button (if applicable, the Back button as well) can be hidden. | - If necessary, the Next button (if applicable, the Back button as well) can be hidden. | ||
- A timer then starts that calls up the function to forward onto the next page after a certain amount of time. | - A timer then starts that calls up the function to forward onto the next page after a certain amount of time. | ||
- | - After the timer has expired, the current questionnaire page will be submitted automatically. The function is comparable (but not identical) with pressing the "Next" button. | + | - After the timer has expired, the current questionnaire page will be submitted automatically. The function is comparable (but not identical) with pressing the "next" button. |
**Note:** The participant cannot restart the timer by reloading the questionnaire page (" | **Note:** The participant cannot restart the timer by reloading the questionnaire page (" | ||
Line 59: | Line 59: | ||
// Function to forward | // Function to forward | ||
- | function | + | function |
// Display message (optional) | // Display message (optional) | ||
alert(" | alert(" | ||
Line 73: | Line 73: | ||
| | ||
// Start timer to forward automatically | // Start timer to forward automatically | ||
- | window.setTimeout(next, %remain% * 1000); | + | window.setTimeout(goNext, %remain% * 1000); |
}); | }); | ||
// --> | // --> | ||
Line 86: | Line 86: | ||
- | Initialization of the forwarding will only be carried out once the questionnaire page has been fully loaded ('' | + | Initialization of the forwarding will only be carried out once the questionnaire page has been fully loaded ('' |
Line 111: | Line 111: | ||
// Function to forward | // Function to forward | ||
- | function | + | function |
// Display message (optional) | // Display message (optional) | ||
alert(" | alert(" | ||
Line 151: | Line 151: | ||
updateCountdown(); | updateCountdown(); | ||
// Start timer to forward automatically | // Start timer to forward automatically | ||
- | window.setTimeout(next, %remain% * 1000); | + | window.setTimeout(goNext, %remain% * 1000); |
}); | }); | ||
Line 161: | Line 161: | ||
===== Timer Across Several Pages ===== | ===== Timer Across Several Pages ===== | ||
- | The above code -- it does not matter whether it has a visible countdown or not -- is also suitable for letting a timer run across several pages in the questionnaire. The "Next" button, however, must not be hidden. Where required, remove the following lines from the JavaScript: | + | The above code -- it does not matter whether it has a visible countdown or not -- is also suitable for letting a timer run across several pages in the questionnaire. The "next" button, however, must not be hidden. Where required, remove the following lines from the JavaScript: |
// Hide Next button (optional) | // Hide Next button (optional) |