Timer

Hi again jarman22,
this is not something built into HD Quiz, but this should be fairly simple to add in. When I have some spare time over the weekend I’ll see about writing a simple function that you can add to your theme’s functions.php file that will extend HD Quiz do this.

Check this out!

In the below script, you will see a line const hdq_time_per_question = 25;
Change the 25 to however many seconds you want to give a user to select a question. If they do not answer within this time frame, then HD Quiz will auto go to the next question.

NOTE: This will ONLY work if you are using the primary pagination method built into every question – like most things, this is NOT compatible with WP Pagination. So if you are using WP Pagination, please remove it and just use teh pagination option built into each question.

function hdq_per_question_timer()
{ ?>
	<div id = "hdq_per_question_timer" style = "position: fixed; bottom: 1rem; right: 1rem; padding: 1rem; background:#eee;"></div>
	<script>
		const hdq_timer_el = document.getElementById("hdq_per_question_timer");
		const hdq_time_per_question = 25;
		function hdq_per_question_timer(){			
			let time_left = hdq_time_per_question;
			let timems = hdq_time_per_question * 1000; // convert seconds to ms
			let timer = setInterval(function(){				
				if(time_left < 0){
					time_out_next_question();
				} else {					
					hdq_timer_el.innerHTML = time_left;
				}
				time_left = time_left - 1;
			}, 1000);
			
			function time_out_next_question(){
				if(jQuery(".hdq_next_button:visible")[0]){
					jQuery(".hdq_next_button:visible").click();
				} else {
					jQuery(".hdq_finsh_button:visible").click();
					clearInterval(timer);
					hdq_timer_el.remove();
				}
				time_left = hdq_time_per_question;
			}
			
			// reset timer if an answer has been selected
			jQuery(".hdq_label_answer").on("click", function(){
				time_out_next_question(); // we want to auto goto the next question
			})
		}
		hdq_per_question_timer();
	</script>
<?php }
add_action("hdq_after", "hdq_per_question_timer");

Here is teh updated code that looks for if the user selects the next or finish button as well!

function hdq_per_question_timer()
{ ?>
	<div id = "hdq_per_question_timer" style = "position: fixed; bottom: 1rem; right: 1rem; padding: 1rem; background:#eee;"></div>
	<script>
		const hdq_timer_el = document.getElementById("hdq_per_question_timer");
		const hdq_time_per_question = 25;
		function hdq_per_question_timer(){			
			let time_left = hdq_time_per_question;
			let timems = hdq_time_per_question * 1000; // convert seconds to ms
			let timer = setInterval(function(){				
				if(time_left < 0){
					time_out_next_question();
				} else {					
					hdq_timer_el.innerHTML = time_left;
				}
				time_left = time_left - 1;
			}, 1000);
			
			function time_out_next_question(){
				if(jQuery(".hdq_next_button:visible")[0]){
					jQuery(".hdq_next_button:visible").click();
				} else {
					jQuery(".hdq_finsh_button:visible").click();
					clearInterval(timer);
					hdq_timer_el.remove();
				}
				time_left = hdq_time_per_question;
			}
			
			// reset timer if an answer has been selected
			jQuery(".hdq_label_answer").on("click", function(){
				time_out_next_question(); // we want to auto goto the next question
			});
			
			jQuery(".hdq_next_button").on("click", function(){
				time_left = hdq_time_per_question;
			});
			
			jQuery(".hdq_finsh_button").on("click", function(){
					clearInterval(timer);
					hdq_timer_el.remove();
			});				
		}
		hdq_per_question_timer();
	</script>
<?php }
add_action("hdq_after", "hdq_per_question_timer");

Can you please send me a link to a quiz? I’m not able to replicate this issue on my side.

For me, if I am on Question #1 and either select and answer or select the next button, we automatically go to Question #2

Do not enable pagination on the first question.

Pagination basically means “start a new page with this question”. This is why you have to press “next” to see the first question.

I’m pretty sure that it’s just a bug with the question timer. I’ll look into it and let you know asap 🙂