AJAX

Really simple script request - Count from 6 - 0

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Oct 2005

Posts: 1,283

Reputation: roryt will become famous soon enough

Solved Threads: 14

roryt

Offline

Nearly a Posting Virtuoso

Really simple script request - Count from 6 - 0

Jun 5th, 2007

I have looked high and low for a very simple script that i can use to display on a page from 6 down to 1.

Basically it should start like this:

"this page will redirect in 6 seconds"

and end like this:

"this page will redirect in 0 seconds"

I know exactly the type of people on this forum and how clever you are so if you could please just help me out, I will be really really grateful.

Thanks

PhotoShopthis
FlyingPen
If I have helped you please add to my reputation

•

Join Date: Jun 2006

Posts: 7,609

Reputation: ~s.o.s~ has much to be proud of

Solved Threads: 464

~s.o.s~

Offline

Failure as a human

Re: Really simple script request - Count from 6 - 0

Jun 6th, 2007

Normally such a thing is almost always done using a server side script (you know why), but since you have been nice in your conduct on Daniweb, I would try something out for you.

How about something like:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<!--
author: Sanjay aka ~s.o.s~ 
A simple redirection script which runs on the client side.
-->
<html>
<head>
<style>
 .myDiv
 {
  text-align: center;
  font: italic small-caps 900 14px arial
 }
</style>
<script>
 var count = 5;
 var timerHandle;
 var URL = "[URL]http://www.yahoo.com[/URL]";
 var SITE_NAME = "Yahoo";
 
 function startCountDown()
 {
  update();
  timerHandle = setInterval("update()", 1000);
 }
 
 function update()
 {
  if(count <= 0)
  {
   clearInterval(timerHandle);
   document.getElementById('txt').innerHTML = 'Redirecting, please wait...';
   window.location.assign(URL);
   /*
   You can also use the window.location.replace() function with the difference
   being you won't be able to hit the back button once the new page has been
   loaded. Use the function which suits your purpose
   */
  }
  else
  {
   //you can also embed the entire message in a 'anchor' tag so that the user can decide not to
   //wait and click on the link to go to the site.
   document.getElementById('txt').innerHTML = 'You would be redirected to '+ SITE_NAME + ' in ' + count + ' seconds.';
   --count;
  }
 }
 
</script>
</head>
<body onload="javascript:startCountDown();">
<br /><br /><br />
<div class="myDiv" id="txt"></div>
</body>
</html>
<!--
author: Sanjay aka ~s.o.s~ 
A simple redirection script which runs on the client side.
-->
<html>
<head>
<style>
 .myDiv
 {
  text-align: center;
  font: italic small-caps 900 14px arial
 }
</style>
<script>
 var count = 5;
 var timerHandle;
 var URL = "[URL]http://www.yahoo.com[/URL]";
 var SITE_NAME = "Yahoo";
 
 function startCountDown()
 {
  update();
  timerHandle = setInterval("update()", 1000);
 }
 
 function update()
 {
  if(count <= 0)
  {
   clearInterval(timerHandle);
   document.getElementById('txt').innerHTML = 'Redirecting, please wait...';
   window.location.assign(URL);
   /*
   You can also use the window.location.replace() function with the difference
   being you won't be able to hit the back button once the new page has been
   loaded. Use the function which suits your purpose
   */
  }
  else
  {
   //you can also embed the entire message in a 'anchor' tag so that the user can decide not to
   //wait and click on the link to go to the site.
   document.getElementById('txt').innerHTML = 'You would be redirected to '+ SITE_NAME + ' in ' + count + ' seconds.';
   --count;
  }
 }
 
</script>
</head>
<body onload="javascript<b></b>:startCountDown();">
<br /><br /><br />
<div class="myDiv" id="txt"></div>
</body>
</html>

Just let me know if it works for your cause. ;-)

I don't accept change; I don't deserve to live.

•

Join Date: Oct 2005

Posts: 1,283

Reputation: roryt will become famous soon enough

Solved Threads: 14

roryt

Offline

Nearly a Posting Virtuoso

Re: Really simple script request - Count from 6 - 0

Jun 8th, 2007

Really sorry to put your through that. I actually dont thank you for it and I am sure other will find it useful.

I have done the redirect in php.

All I wanted to know was how to just simply count from 6 down to 1 in javascript. It really is probably a 2 line code.

Thanks for your help

PhotoShopthis
FlyingPen
If I have helped you please add to my reputation