Solved

Jaavscript Timer Help

Posted on 2008-09-29
6
227 Views
Last Modified: 2012-06-21
Hello Experts,

Below is a javascript countdown. Now what I am trying to do is to call the function after a certain process. In the attach code snippets I just put a an alert then after the countdown timer should be called again. How can I do this.  If you have a better approach is solving my problem that will be cool.

TIA,
gladxml


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script> 

<!-- 

// 

 var milisec=0 

 var seconds=30

// var myCounter = document.getElementById('d2'); 

// myCounter.value='60' 

function display(){

var myCounter = document.getElementById('d2');

myCounter.value = '30'

 if (milisec<=0){ 

    milisec=9 

    seconds-=1 

 } 

 if (seconds<=-1){ 

    milisec=0 

    seconds+=1 

 } 

 else 

 {

    milisec-=1 

    myCounter.value=seconds+"."+milisec 

    setTimeout("display()",100) 

 }

 if (myCounter.value == '0.0')

 {

	alert('call the function again');

	display();

 }

} 

-->  

</script> 

<title>Untitled Document</title>

</head>
 

<body>

<form name="MyForm" action="response_normal.asp" method="post">

	<input type="text" size="8" name="d2" id="d2"><br />

</form>

<div id="MyResult"></div>

<script>

display();

</script>
 

</body>

</html>

Open in new window

0
Comment
Question by:gladxml
  • 4
  • 2
6 Comments
 
LVL 15

Author Comment

by:gladxml
Comment Utility
To make it clearer
I want to call the countdown timer function again after a certain process. SO that the process will just loop again and again. In my example after the alert message the timer function must be triggered.

TIA,
gladxml
0
 
LVL 1

Expert Comment

by:Pronca
Comment Utility

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script> 

<!-- 

// 

 var milisec=0 

 var seconds=30

// var myCounter = document.getElementById('d2'); 

// myCounter.value='60' 

function display(){

var myCounter = document.getElementById('d2');

myCounter.value = '30'

 if (milisec<=0){ 

    milisec=9 

    seconds-=1 

 } 

 if (seconds<=-1){ 

    milisec=0 

    seconds+=30+1 

 } 

 else 

 {

    milisec-=1 

    myCounter.value=seconds+"."+milisec 

    setTimeout("display()",100) 

 }

 if (myCounter.value == '0.0')

 {

        alert('call the function again');

        setTimeout("display()",0)

 }

} 

-->  

</script> 

<title>Untitled Document</title>

</head>

 

<body>

<form name="MyForm" action="response_normal.asp" method="post">

        <input type="text" size="8" name="d2" id="d2"><br />

</form>

<div id="MyResult"></div>

<script>

display();

</script>

 

</body>

</html>

Open in new window

0
 
LVL 1

Accepted Solution

by:
Pronca earned 500 total points
Comment Utility
To clarify my post:

You have to reset the number of seconds to 30+1 (because it will decrement due to milisec == 0). Then you can call display() again. I put display() inside another setTimeout() but it doesn't need to be. All you need to do is reset the seconds.
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 15

Author Comment

by:gladxml
Comment Utility
Ok thanks....

What I did is like this

        alert('call the function again');
        milisec=0 ;
        seconds=30;
        display();

Just need to know if there is are other ways to create a timer function.  Do you know any?

0
 
LVL 15

Author Comment

by:gladxml
Comment Utility
I have notice when I run the code on the second or third call of he function the timer run faster than the usual. Do you have any idea why it is like that?
0
 
LVL 15

Author Closing Comment

by:gladxml
Comment Utility
Thanks anyway. Not sure how to fix the timer speed on the next loop. Just need to find a new timer function
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know: (CODE) I don't know if for you it's the same, but for me is soooo tedious to write the …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now