javascript window.clearInterval()and window.clearTimeout not working

Question

4.00/5 (1 vote)

See more:

hi,
I am using SetInterval() and setTimeout() methods of javascript to clear the above methods Iam using window.clearInterval()and window.clearTimeout in the button click I am trying to clear them.But it's not working. any help would be appreciated.
here is my code:

JavaScript

<script type="text/javascript">
       var SD;
       var interval;
       function TimeOut() {
           if (!interval && !SD) {
               interval = setInterval(function() { window.location("TimeUp.aspx") }, 1200000);
               countDown();


           }
       }

       var sec = 0;   // set the seconds
       var min = 02;   // set the minutes

       function countDown() {
           sec--;
           if (sec == -01) {
               sec = 59;
               min = min - 1;
           }
           else {
               min = min;
           }

           if (sec <= 9) { sec = "0" + sec; }

           time = (min <= 9 ? "0" + min : min) + " min and " + sec + " sec ";

           if (document.getElementById) { document.getElementById('theTime').innerHTML = time; }

           SD = window.setTimeout("countDown();", 1000);
           if (min == '00' && sec == '00') { sec = "00"; window.clearTimeout(SD); }
       }
      window.onload = countDown;

       function StopInterval() {
           window.clearInterval(interval);
           window.clearTimeout(SD);
           interval = null;
           SD = null;
           document.getElementById('theTime').innerHTML = "";
           TimeOut();
       }
   </script>

ASP.NET

<body onload="TimeOut()">
    <form id="form1" runat="server"></pre>

<table width="100%">
        <tr>
            <td width="100%" align="center">
                <span id="theTime" class="timeClass"></span>
            </td>
        </tr>
    </table></pre>
<asp:Button ID="btnNext" Text="Next" OnClientClick="StopInterval()"
                        runat="server" OnClick="btnNext_Click" Style="height: 26px" Width="82px" />

Thank you,
Pradeep Anugu.

Posted 1-Aug-12 5:01am

AnuguPradeep

Updated 1-Aug-12 5:40am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v3

Add a Solution

Comments

Sergey Alexandrovich Kryukov 1-Aug-12 12:12pm

"Not working" is not descriptive.
--SA

Ganesan Senthilvel 1-Aug-12 15:02pm

Share the error details

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

efkah · Answer 1 · 2012-08-01T22:00:00

Works perfectly fine over here:

HTML

<html>
<head>
<title>timer test</title>
<script type="text/javascript">
       var SD;
       var interval;
       function TimeOut() {
           if (!interval && !SD) {
               interval = setInterval(function() { window.location("TimeUp.aspx") }, 1200000);
               countDown();
 

           }
       }
 
       var sec = 0;   // set the seconds
       var min = 02;   // set the minutes

       function countDown() {
           sec--;
           if (sec == -01) {
               sec = 59;
               min = min - 1;
           }
           else {
               min = min;
           }
 
           if (sec <= 9) { sec = "0" + sec; }
 
           time = (min <= 9 ? "0" + min : min) + " min and " + sec + " sec ";
 
           if (document.getElementById) { document.getElementById('theTime').innerHTML = time; }
 
           SD = window.setTimeout("countDown();", 1000);
           if (min == '00' && sec == '00') { sec = "00"; window.clearTimeout(SD); }
       }
      window.onload = countDown;
 
       function StopInterval() {
           window.clearInterval(interval);
           window.clearTimeout(SD);
           interval = null;
           SD = null;
           document.getElementById('theTime').innerHTML = "";
           TimeOut();
       }
   </script>
   </head>
<body onload="TimeOut()">
    <form id="form1" runat="server"></pre>
 
<table width="100%">
        <tr>
            <td width="100%" align="center">
                <span id="theTime" class="timeClass"></span>
            </td>
        </tr>
    </table></pre>
<input type="button" ID="btnNext" Value="Next" onclick="StopInterval()"/>
</body>
</html>

Could you show us what the Serverside Code does? Did you try to remove the Onclick and Runat Attribute?