IT SOLUTIONS
Your full service technology partner! 
-Collapse +Expand
JavaScript
Search JavaScript Group:

Advanced
-Collapse +Expand JavaScript Store

Prestwood eMagazine

May Edition
Subscribe now! It's Free!
Enter your email:

   ► KBWebsite Scri...JavaScript a...Coding Tasks   Print This     
  From the February 2016 Issue of Prestwood eMag
 
JavaScript Coding Tasks:
JavaScript Seconds Count Down
 
Posted 11 years ago on 1/21/2008
Take Away: How do you do a really simple 30 second countdown in JavaScript?

KB100795



Put this form code where you want the count down.

<form name="Form1">Countdown:  <input type="text" name="Field1"></form>

The following code changes the value of the field every one second.

<script>

var counter=document.Form1.Field1.value = 31
function PSCountDown() {
if (counter !=0 ){
     counter -= 1
     document.Form1.Field1.value = counter
  }
  setTimeout("PSCountDown()",1000) 
}  
PSCountDown()
</script>

To test this script, copy the above code between the body tags of an HTML page.

Complete Example:

<html>
<head><title>Count Down Example</title></head>
 
<body>
 
<form name="Form1">Countdown:  <input type="text" name="Field1"></form>
<script>
<!--
var counter=document.Form1.Field1.value = 31
function PSCountDown() {   
 if (counter !=0 ){
  counter -= 1
  document.Form1.Field1.value = counter
  }
 
  setTimeout("PSCountDown()",1000)
}
PSCountDown()
-->
</script>
 
</body>
</html>

Comments

0 Comments.
Share a thought or comment...
 
Write a Comment...
...
Sign in...

If you are a member, Sign In. Or, you can Create a Free account now.


Anonymous Post (text-only, no HTML):

Enter your name and security key.

Your Name:
Security key = P1202A1
Enter key:
KB Post Contributed By Mike Prestwood:

Mike Prestwood is a drummer, an author, and creator of the PrestwoodBoards online community. He is the President & CEO of Prestwood IT Solutions. Prestwood IT provides Coding, Website, and Computer Tech services. Mike has authored 6 computer books and over 1,200 articles. As a drummer, he maintains play-drums.com and has authored 3 drum books. If you have a project you wish to discuss with Mike, you can send him a private message through his PrestwoodBoards home page or call him 9AM to 4PM PST at 916-726-5675 x205.

Visit Profile

 KB Article #100795 Counter
10788
Since 4/2/2008
Go ahead!   Use Us! Call: 916-726-5675  Or visit our new sales site: 
www.prestwood.com


©1995-2019 Prestwood IT Solutions.   [Security & Privacy]