Woocommerce Question posted in
The official Woocommerce documentation can be found here.

Stop timer JavaScript – Woocommerce

I am trying to stop timer if div error div shows on page. Here is the code. I am not sure why clearTimeOut is not stopping timer.

    <script type="text/javascript">
        
        function timeOutRedirect(){
            
                var delay = 60000; // time in milliseconds

                // Show message div
                document.getElementById("message").style.display = "block";
                // Display message
                document.getElementById("message").innerHTML = "<h1>Your order is being processed.</h1>";

                setTimeout(function(){
                        if( document.getElementsByClassName('woocommerce-NoticeGroup-checkout').length != 0 ){
                        // If error div is loaded
                        delay = clearTimeout(); //this is n0t clearing timer
                        document.getElementById("message").style.display = "none";
                        console.log('error notice div loaded');
                    } else {
                        window.location = "/processing-information/";
                }
            },delay);

        }

    </script>

    <!-- Time out double order timer -->
    <div id="message" style="background: #a1f5b9; margin: 10px 0; padding: 10px; text-align: center; display: none; z-index: 99999;"></div>
Tags:

2

Answers


  1. 0

    If you have an interval, you can use the clearInterval() method.

    const handle = setInterval(function(){...},delay);
...
// Cancel the interval
clearInterval(handle)

    For a timer, you can use clearTimeout() method.

    const handle = setTimeout(function(){...},delay);
...
// Cancel the timer
clearTimeout(handle)

    See https://www.w3schools.com/jsref/met_win_cleartimeout.asp

    Login or Signup to reply.
  2. 0

    Maybe you can use for example:

    countTime = SetInterval(() => console.log(‘Test’), 1000);
    clearInterval(countTime);

    this way you can manipulate variable countTime to stop when you call method clearInterval.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search