How to set a global variable and use it in different functions?

https://www.qualtrics.com/community/discussion/comment/37761#Comment_37761Hi, I just find it doesn't work well. It sets x_val=1 in the first on click function. But in the second function (after 30 seconds), it still takes x_val=0 and clicks the next button automatically after 10s. this error leads to when I am already in the next block, this code in the previous block still works and jumps to the next block.

https://www.qualtrics.com/community/discussion/comment/37920#Comment_37920If people click the #Button within 10 seconds, I wanna display some messages and show the next button so they can click the next button by themselves. If they don't click the #Button within 10 seconds (setTimeout function), the next button is automatically clicked and people proceed to next block.
Current js cannot set the variable value, in the setTimeout function, it always has x_val=0, which leads to even if people click the #Button within 10 seconds and proceed to next block, this setTimeout function in this block still runs and forces people to go to the third block.

Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("#NextButton").hide();   
var x_val=0; // set this variable equal to 0.
jQuery('#Button').on('click', () => {
x_val=1; // set this variable equal to 1
#jQuery("#NextButton").show();   
jQuery("#NextButton").hide();   });
// after ten seconds, automatically click next button
setTimeout(function(){
if (x_val==0){
jQuery("#NextButton").click();
}
}, 10000);
}, 30000);
});

https://www.qualtrics.com/community/discussion/comment/37922#Comment_37922sorry it doesnt work

https://www.qualtrics.com/community/discussion/comment/37924#Comment_37924e.g., if you click the quit in the first block, proceed to next block and do nothing, the block automatically clicks next button and ends survey (that is because the settimeout function in the first block)

https://www.qualtrics.com/community/discussion/comment/37926#Comment_37926Hi, thank you mentioning the clearTimeout function, but it still does not work

https://www.qualtrics.com/community/discussion/comment/37928#Comment_37928Thank you for your help. Please find the attached preview. I verified the button ID and I paste the entire js here.
https://nbs.az1.qualtrics.com/jfe/form/SV_afshDFBknR4Y3Lo
if we click the quit in the first block, automatically enters the second block. But in the second block, it will automatically proceed to next block (end survey) because of the first block settimeout function.

Qualtrics.SurveyEngine.addOnload(function() {
});

Qualtrics.SurveyEngine.addOnReady(function()
{
  /*Place your JavaScript here to run when the page is fully displayed*/
   
jQuery("#Msg1").show();   // show first message
jQuery("#QuitQButton").show(); // show "quit the queue" button

  jQuery("#Msg3").hide();
jQuery("#QuitMsg").hide();
jQuery("#SvcMsg").hide();
jQuery("#MissMsg").hide();

jQuery("#SvcButton").hide();
jQuery("#NextButton").hide();

var WT = 30000; // this round waiting time

var quit = 0;
var ontime = 0;

// if dont quit and dont click finish service button on time
var timeout = setTimeout(function(){
if (quit ==0 && ontime==0){
jQuery("#SvcButton").hide();
jQuery("#MissMsg").show();
jQuery("#NextButton").click();
}
}, WT+10000);

// Clicks the quit button: set embedded data equal to 1, show the fourth message, next button

jQuery('#QuitQButton').on('click', () => {
var r = confirm("Reminder: If you quit the system now, you will not get any bonus. You will proceed to the survey."); 
if (r == true) {
Qualtrics.SurveyEngine.setEmbeddedData("Quit1", 1);
quit = 1;
jQuery("#QuitQButton").hide();
jQuery("#QuitMsg").show();
jQuery("#NextButton").click();
if (timeout) {
      clearTimeout(timeout);
}
}
});

// Hide waiting time buttion, show third message, finish service check button
setTimeout(function(){
jQuery("#QuitQButton").hide();
jQuery("#Msg3").show();     // show the third message
jQuery("#SvcButton").show(); // show "finish my service" button

jQuery('#SvcButton').on('click', () => {
Qualtrics.SurveyEngine.setEmbeddedData("Svc1", 1);
jQuery("#SvcButton").hide();
jQuery("#SvcMsg").show();
jQuery("#NextButton").show(); // need to click the next button to proceed to survey
jQuery("#MissMsg").hide();
ontime = 1;
if (timeout) {
      clearTimeout(timeout);
}
});
}, WT);

});

Qualtrics.SurveyEngine.addOnUnload(function()
{
  /*Place your JavaScript here to run when the page is unloaded*/


});

https://www.qualtrics.com/community/discussion/comment/37931#Comment_37931my logic is if quit (quit=1), automatically clicks next button and goes to next block. if not quit, after some time, if click the service button on time (ontime=1), show the next button, people can click by themselves. if not quit and not click the service button on time (quit = 0 & ontime = 0), automatically proceeds to next block.
i appreciate your help but may i ask why you are using

if (timeout) {
                clearTimeout(timeout);
            }

i use alert and find timeout value is 18. what does this mean? and in your answer, variable timeout2 is defined after the
if (timeout) {               
clearTimeout(timeout);
            }
            if (timeout2) {
                clearTimeout(timeout2);
            }
so the code doesnt work at all