Countdown Till Update

**harryjamesuk** · 09-06-2012 11:53 AM

Hi,

I was wondering how I'd be able to make this:

This website will update in 60 seconds.

Just with normal text but the 60 counts downwards.

Not sure if it needs to be Javascript but, I know it definitely works with Javascript so I put it here (Moderators, Feel free to move this topic if I'm wrong!). I know it's probably really easy to do it but, I don't know much coding at all xD I just stick to using drag and drop systems (Much easier).

Thanks in advance!

**JMRKER** · 09-07-2012 03:04 PM

Modified from: http://forum.codecall.net/topic/5163...in-javascript/
which you could find with a simple search...

Code:

<!doctype html>
<html>
<head>
<script type="text/javascript">
var Timer;
var TotalSeconds;

function CreateTimer(TimerID, Time) {
  Timer = document.getElementById(TimerID);
  TotalSeconds = Time;
        
  UpdateTimer()
  window.setTimeout("Tick()", 1000);
}

function Tick() {
  TotalSeconds -= 1;
  if (TotalSeconds > 0) {
    UpdateTimer()
    window.setTimeout("Tick()", 1000);
  } else {
    Timer.innerHTML = 'Site (to be) updated';
// change redirected URL on next line and uncomment
//  window.location.href = 'http://www.webdeveloper.com';
  }
}

function UpdateTimer() {
  Timer.innerHTML = 'Site will be updated in: '+TotalSeconds+' seconds';
}
</script>
</head>

<body onload="CreateTimer('timer',10)">
<div id='timer' />
</body>
</html>

Thread: Countdown Till Update

Thread Tools

Display

Countdown Till Update

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions