I.T. Discussion Community!
-Collapse +Expand
JavaScript
Search JavaScript Group:

Advanced
-Collapse +Expand JavaScript Store

Prestwood eMagazine

February 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 = P1226A1
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
10534
Since 4/2/2008
-
   Contact Us!
 
PrestwoodBoards.com was developed and is maintainted by me. Do you have a question or suggestion? Do you see a problem? Contact me now. My goal is to build an ad-free and spam-free source of I.T. information with many contributers (ok to promote your website/company in your bio). Yes, my company Prestwood IT Solutions is mentioned in my bio which shows with every post, but you can contribute and promote your pet project too!

2,249 People Online Now!!  
Sign In to see who's online now!  Not a member? Join now. It's free!
Show more stats...


©1995-2019 PrestwoodBoards  [Security & Privacy]
Professional IT Services: Coding | Websites | Computer Tech