Home » javascript » Javascript Countdown script for Christmas or NewYear Part 2

Javascript Countdown script for Christmas or NewYear Part 2

by admin · November 27, 2010

Rating: 8.0/10 (8 votes cast)

This is another script with much more flexible and simple approach for the date/time countdown part of your website.Just add the below script.This can be used especially for your Christmas/NewYear countdown display on your website.

<html>
<head>
<title>Chistmas and Newyear CounDown Script From Mistonline.in</title>
</head>
<body>
<h2><center>
	Chistmas :-<div id="clock1">[clock1]</div>
	Newyear :-<div id="clock2">[clock2]</div>
</center></h2></body>
<script language="JavaScript">
//Script By Mistonline.in
//Edit the below date value [MM/DD/YY] and TIME according to your convinience.
  StartCountDown("clock1","12/25/2010 00:00 AM")
  StartCountDown("clock2","01/01/2011 00:00 AM")
function StartCountDown(myDiv,myTargetDate)
  {
    var dthen	= new Date(myTargetDate);
    var dnow	= new Date();
    ddiff		= new Date(dthen-dnow);
    gsecs		= Math.floor(ddiff.valueOf()/1000);
    CountBack(myDiv,gsecs);
  }
  
  function Calcage(secs, num1, num2)
  {
    s = ((Math.floor(secs/num1))%num2).toString();
    if (s.length < 2) 
    {	
      s = "0" + s;
    }
    return (s);
  }
  
  function CountBack(myDiv, secs)
  {
    var DisplayStr;
    var DisplayFormat = "%%D%% Days %%H%%:%%M%%:%%S%%";
    DisplayStr = DisplayFormat.replace(/%%D%%/g,	Calcage(secs,86400,100000));
    DisplayStr = DisplayStr.replace(/%%H%%/g,		Calcage(secs,3600,24));
    DisplayStr = DisplayStr.replace(/%%M%%/g,		Calcage(secs,60,60));
    DisplayStr = DisplayStr.replace(/%%S%%/g,		Calcage(secs,1,60));
    if(secs > 0)
    {	
      document.getElementById(myDiv).innerHTML = DisplayStr;
      setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990);
    }
    else
    {
      document.getElementById(myDiv).innerHTML = "Hurray!!!!!!";
    }
  }

</script>
</html>

DEMO

Rating: 8.0/10 (8 votes cast)

Javascript Countdown script for Christmas or NewYear Part 2, 8.0 out of 10 based on 8 ratings