Prestwood IT: JavaScript Seconds Count Down (JavaScript and AJAX)

JavaScript

	JavaScript Group Home
Get Started Page eMag: JavaScript E. Highlights WEEKLYLESSON Week 39 Lesson MYGROUPSETTINGS My Group Settings

	Message Board
-New Activity -Unanswered Threads -Most Active Threads -Most Read Threads

	JavaScript KB
-New & Updated -Most Read -10 Min Quickstarts -Recent Comments Tech Articles JavaScript News JAVASCRIPTTIDBITS: All as FlashCards Code Snippets FAQs Terms & Definitions

	JavaScript To/From
To/FromCODEGuides JavaScript To/From

	JavaScript Store
PRESTWOODSTORE Store Home Buy JavaScript Items

	Members Only
MEMBERSONLY JavaScript Member List Member Only KB Posts JavaScript Content Stats Random Article Random MB Thread Random Tidbit Random CrossRef Code

Prestwood eMagazine

October Edition

Subscribe now! It's Free!

► KB ► Website Scri... ► JavaScript a... ► Coding Tasks

Print This

From the February 2016 Issue of Prestwood eMag

JavaScript Coding Tasks:

JavaScript Seconds Count Down

By Mike Prestwood

Posted 16 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 1 Comments. Share a thought or comment...

PS_3429

Comment 1 of 1

Prestwood IT solution has information about JavaScript for coding tasks. You can get myperfect resume help to manage their education task easily. You can get their codes for PS count down with comprising other codes. It includes a second countdown in JavaScript with all information. Join it for more details.

Posted 43 months ago

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

12914

Since 4/2/2008

Prestwood eMagazine

KB100795

Complete Example:

Comments