tag:blogger.com,1999:blog-22268899831026035212012-02-16T17:37:42.271-08:00Eldar Masterhttp://www.blogger.com/profile/03263656421541443748noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-2226889983102603521.post-26822642341713119312008-06-08T01:14:00.000-07:002008-06-08T01:22:17.617-07:00<style style="text/css"><br /><br />.lcdstyle{ /*Example CSS to create LCD countdown look*/<br />background-color:black;<br />color:yellow;<br />font: bold 18px MS Sans Serif;<br />padding: 3px;<br />}<br /><br />.lcdstyle sup{ /*Example CSS to create LCD countdown look*/<br />font-size: 80%<br />}<br /><br /></style><br /><br /><script type="text/javascript"><br /><br />/***********************************************<br />* Dynamic Countdown script- © Dynamic Drive (http://www.dynamicdrive.com)<br />* This notice MUST stay intact for legal use<br />* Visit http://www.dynamicdrive.com/ for this script and 100s more.<br />***********************************************/<br /><br />function cdtime(container, targetdate){<br />if (!document.getElementById || !document.getElementById(container)) return<br />this.container=document.getElementById(container)<br />this.currentTime=new Date()<br />this.targetdate=new Date(targetdate)<br />this.timesup=false<br />this.updateTime()<br />}<br /><br />cdtime.prototype.updateTime=function(){<br />var thisobj=this<br />this.currentTime.setSeconds(this.currentTime.getSeconds()+1)<br />setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second<br />}<br /><br />cdtime.prototype.displaycountdown=function(baseunit, functionref){<br />this.baseunit=baseunit<br />this.formatresults=functionref<br />this.showresults()<br />}<br /><br />cdtime.prototype.showresults=function(){<br />var thisobj=this<br /><br /><br />var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds<br />if (timediff<0){ //if time is up<br />this.timesup=true<br />this.container.innerHTML=this.formatresults()<br />return<br />}<br />var oneMinute=60 //minute unit in seconds<br />var oneHour=60*60 //hour unit in seconds<br />var oneDay=60*60*24 //day unit in seconds<br />var dayfield=Math.floor(timediff/oneDay)<br />var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)<br />var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)<br />var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))<br />if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level<br />hourfield=dayfield*24+hourfield<br />dayfield="n/a"<br />}<br />else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level<br />minutefield=dayfield*24*60+hourfield*60+minutefield<br />dayfield=hourfield="n/a"<br />}<br />else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level<br />var secondfield=timediff<br />dayfield=hourfield=minutefield="n/a"<br />}<br />this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)<br />setTimeout(function(){thisobj.showresults()}, 1000) //update results every second<br />}<br /><br />/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////<br /><br />//Create your own custom format function to pass into cdtime.displaycountdown()<br />//Use arguments[0] to access "Days" left<br />//Use arguments[1] to access "Hours" left<br />//Use arguments[2] to access "Minutes" left<br />//Use arguments[3] to access "Seconds" left<br /><br />//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()<br />//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"<br />//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc<br /><br /><br />function formatresults(){<br />if (this.timesup==false){//if target date/time not yet met<br />var displaystring=arguments[0]+" days "+arguments[1]+" hours "+arguments[2]+" minutes "+arguments[3]+" seconds left until E-Day"<br />}<br />else{ //else if target date/time met<br />var displaystring="Future date is here!"<br />}<br />return displaystring<br />}<br /><br />function formatresults2(){<br />if (this.timesup==false){ //if target date/time not yet met<br />var displaystring="<span class='lcdstyle'>"+arguments[0]+" ^days "+arguments[1]+" ^hours "+arguments[2]+" ^minutes "+arguments[3]+" ^seconds</span> left until this Christmas"<br />}<br />else{ //else if target date/time met<br />var displaystring="" //Don't display any text<br />alert("E-Day Begins//Instead, perform a custom alert<br />}<br />return displaystring<br />}<br /><br /></script><br /><br /><br /><br /><br /><div id="countdowncontainer"></div><br /><br /><br /><div id="countdowncontainer2"></div><br /><br /><script type="text/javascript"><br /><br />var futuredate=new cdtime("countdowncontainer", "July 1, 2017 00:00:00")<br />futuredate.displaycountdown("days", formatresults)<br /><br />var currentyear=new Date().getFullYear()<br />//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1<br />var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>25)? currentyear+1 : currentyear<br />var christmas=new cdtime("countdowncontainer2", "July 1, "+thischristmasyear+" 0:0:00")<br />christmas.displaycountdown("days", formatresults2)<br /><br /></script><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2226889983102603521-2682264234171311931?l=ecoday.blogspot.com' alt='' /></div>Eldar Masterhttp://www.blogger.com/profile/03263656421541443748noreply@blogger.com0