Issue with setTimeout function when used in conjunction with an ajax call

Question

Issue with setTimeout function when used in conjunction with an ajax call

Currently, I am developing a quiz portal where questions are organized in modules. Each module consists of 5 questions: the first 4 are text-based, and the 5th is an image-based question.

Upon registering through register.php, users are directed to index.php for logging in.

Once logged in, users encounter a start button. Clicking this button triggers the qstartfunc() function, which utilizes xmlHTTPrequest to access the qstart.php file. This file responds with an HTML-formatted question.

The response looks like this:

Response=<script>
        setTimeout(qtime,30);
    </script>

   ...

Although everything works correctly except for the behavior of the setTimeout method. This code section is supposed to create a time limit for answering the question before automatic submission occurs.

If anyone notices any issues or has constructive feedback, please don't hesitate to share your insight.

Thank you!

For access to the complete package, click on the following link:

https://drive.google.com/file/d/0B6KPYbSD1sxDU0k0QkU2YWVISWc/edit?usp=sharing

javascript ajax settimeout

Answer 1

Answer №1

Here is a recommended approach:

<script>
$.ready(function(){
        setTimeout(qtime,30);
});
</script>

Alternatively,

 <script>
    window.load = function(){
            setTimeout(qtime,30);
    };
 </script>

It's important to use one of these methods to ensure the correct execution timing of your script.

Answer 2

Here is a recommended approach:

<script>
$.ready(function(){
        setTimeout(qtime,30);
});
</script>

Alternatively,

 <script>
    window.load = function(){
            setTimeout(qtime,30);
    };
 </script>

It's important to use one of these methods to ensure the correct execution timing of your script.

Answer 3

Answer №2

You may not have explicitly described the issue that is occurring.

It appears that the timer may be running too quickly, as JavaScript timers increment in milliseconds. So 30 seconds in JavaScript equates to 30,000 milliseconds.

Edit: What steps are you taking to debug? Is the function being executed? Are you checking for any errors? It seems like there might be a lack of clarity on what your code is or isn't doing, which can be resolved by incorporating logging and tracking how your code progresses.

Answer 4

You may not have explicitly described the issue that is occurring.

It appears that the timer may be running too quickly, as JavaScript timers increment in milliseconds. So 30 seconds in JavaScript equates to 30,000 milliseconds.

Edit: What steps are you taking to debug? Is the function being executed? Are you checking for any errors? It seems like there might be a lack of clarity on what your code is or isn't doing, which can be resolved by incorporating logging and tracking how your code progresses.

Issue with setTimeout function when used in conjunction with an ajax call

Answer №1

Answer №2

Similar questions

Issues encountered while trying to implement HTML text within span tags

.fetchevery(...).then has no function

Deactivate the button upon click using alternative methods besides the disable attribute

Display JSON data in a dynamic d3.js visualization

WebVTT captions on a Chromecast receiver as the default option

State is causing a conflict by allowing multiple menus to open when mapping over Menu objects

When setValue is called on VCheckbox in Vuetify, it emits an event called "update:modelValue"

What is the most effective method of utilizing union or extend in TypeScript when faced with a comparable scenario?

Dealing with client-side 'Access-Control-Allow-Origin' problems without any issues

The css-loader is missing the required dependency peer Webpack5, causing a resolution error

Problem encountered while generating a torus shape using webGL

Timeout feature for image slider in Angular JS

Add a new row to the table when a dropdown option is selected, and remove the row when deleted. Ensure that the row is only added

Authenticate with Google using the Javascript API without causing a pop-up to appear

Button activated on second click

Leveraging random attributes in Next.js without encountering the "server/client mismatch" issue

regarding unfamiliar functions in code and their mysterious purposes

Replicate styling while copying CodeMirror code

Angular: Discovering and retrieving all images within a div container

Alter the font color upon clicking the menu using jQuery