The Javascript setTimeout Function Prolongs Its Operation

Question

The Javascript setTimeout Function Prolongs Its Operation

Currently, I have a web app index page that performs two main tasks. Firstly, it geocodes the user's location and stores it in a JavaScript variable called "variableToSend." Secondly, it sends this data to mySQL using a PHP script after a delay of 10 seconds to allow time for the client side to capture the location.

While everything is functioning well, there is one issue - the setTimeout function I am utilizing continues to run every 10 seconds when I only need it to execute once on the page.

Below is the code snippet:

<script language="JavaScript">
             setTimeout(function(){
                 var variableToSend = document.getElementById("latLng");
                document.forms[0].submit();
                $.post('html/index.php', {$latLong: "variableToSend"});
                //window.clearInterval(interval);
            }, 10000);
    </script>

I would greatly appreciate any assistance with resolving this issue. Please let me know if you require further information.

javascript settimeout

Answer 1

Answer №1

Check out this helpful resource for removing settimeout in JavaScript: Clearing setInterval and setTimeout Functions

Answer 2

Check out this helpful resource for removing settimeout in JavaScript: Clearing setInterval and setTimeout Functions

Answer 3

Answer №2

<script language="JavaScript">
         var timer = setTimeout(function(){
             //perform some actions
        }, 10000);

        //later on in the code
        clearTimeout(timer);
</script>

Answer 4

<script language="JavaScript">
         var timer = setTimeout(function(){
             //perform some actions
        }, 10000);

        //later on in the code
        clearTimeout(timer);
</script>

The Javascript setTimeout Function Prolongs Its Operation

Answer №1

Answer №2

Similar questions

receiving an undefined value from a remote JSON object in Node.js

JavaScript encounters an error when trying to create a MarkLogic instance with an array

Is there a way to customize the pagination dots in react-native-swiper-flatlist?

Update the state within a callback to display corresponding content in a React component

The defaultLocale setting in Next.js i18n is failing to retain the default language

The Skeleton-Avatar and ImageButton components in MUI React have had their backgrounds reshaped into perfect ovals

Using a directive to implement Angular Drag and Drop functionality between two tables with 1000 records

What is the best way to include the ID when making edits in Angular?

The jQuery AJAX function executing twice upon click

Resetting a Material UI search filter TextField back to its initial state after clearing it

An error occurred while attempting to save a new entry using the New Entry Form in DataTable, stating that the variable "

Achieving perfect alignment of an iframe on a webpage

Utilizing Angular 2+ to effectively manipulate the HTML Document Object Model with JavaScript in order to execute scripts

jQuery's click event on dynamically generated AJAX elements sometimes fails to trigger randomly

AngularJS is failing to properly register custom directives

The authorization process for uploading data to Azure Data Lake Gen2

AngularJS Module Instantiation Error

Do not allow negative values to be displayed in the text box

The uncomplicated bar graph and its corresponding axis line up perfectly beside each other in an SVG diagram

Missing Cookie in request using NodeJS and NextJS