| 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>
0 Comments.
Share a thought or comment...
| KB Article #100795 Counter |
| 10997 |
|
Since 4/2/2008
|
JavaScript
Print This