How do I install a "countdown clock" w/o ads on my site using FP?

W

Wonderin'

I would like to install a countdown clock to a certain deadline day on my web
site using Front Page but would like to avoid freeware with ads, etc. Is
there a source for the code for this?
 
I

IdaSpode

Repost from September 13th:
---------------------------

Here is a script for a very simple timer:

Copy and paste this script in between the <body> paste here </body>
tags where you want it to appear on your page...

The date on this timer is set for 12:00 noon, one year from today:
09/13/2008

(start copy here>>>>

<script language="JavaScript1.2">

//Dynamic countdown Script II- © Dynamic Drive (www.dynamicdrive.com)
//Support for hour minutes and seconds added by Chuck Winrich
([email protected]) on 12-12-2001
//For full source code, 100's more DHTML scripts, visit
http://www.dynamicdrive.com

function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}

//////////CONFIGURE THE COUNTDOWN SCRIPT HERE//////////////////

//STEP 1: Configure the countdown-to date, in the format year, month,
day, hour(0=midnight,23=11pm), minutes, seconds:
setcountdown(2008,09,13,12,00,00)

//STEP 2: Change the two text below to reflect the occasion, and
message to display on that occasion, respectively
var occasion="<b>THE TEXT YOU WANT TO DISPLAY GOES HERE</b>"
var message_on_occasion="THE TEXT TO DISPLAY UPON REACHING THE END
GOES HERE"

//STEP 3: Configure the below 5 variables to set the width, height,
background color, and text style of the countdown area
var countdownwidth='400px'
var countdownheight='35px'
var countdownbgcolor='silver'
var opentags='<font face="Arial"><small>'
var closetags='</small></font>'

//////////DO NOT EDIT PAST THIS LINE//////////////////

var montharray=new
Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie")
: countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie"
style="width:'+countdownwidth+';
background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+"
"+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion
already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+
" days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left
until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+"
minutes, and "+dsec+" seconds left until "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>
 
T

Trevor Lawrence

Wonderin' said:
I would like to install a countdown clock to a certain deadline day on my
web
site using Front Page but would like to avoid freeware with ads, etc. Is
there a source for the code for this?

Here's a simple one (only 56 lines of code) that was written for the US
election date. I changed it to the Australian election date - next Saturday

<html>
<head>
<script type="text/javascript">
// Set Specific Date and Time
var myDate = new Date()
myDate.setFullYear(2007,10, 24) // 24th November 2007
myDate.setHours(0,0,0,0) // midnight
/*** Do Not Alter rest of code ***/
function CountDown()
{
var timerID
var seconds = 1000
var minutes = seconds * 60
var hours = minutes * 60
var days = hours * 24
var years = days * 365
// Get the Current Date and Time
var now = new Date()
// Find milliseconds in each date
var nowms = Date.parse(now)
var myDatems = Date.parse(myDate)
// Find difference and set a temporary variable
var diff = myDatems - nowms
var x = diff
// Calculate days left and reduce difference
var daysleft = Math.floor(x / days)
x -= daysleft*days
// Calculate hours left and reduce difference
var hoursleft = Math.floor(x / hours )
x -= hoursleft*hours
// Calculate minutes left and reduce difference
var minsleft = Math.floor(x / minutes )
x -= minsleft*minutes
// Calculate seconds left
var secsleft = Math.floor(x / seconds )
// Display results in text boxes
document.getElementById("clock1").value = daysleft
document.getElementById("clock2").value = hoursleft
document.getElementById("clock3").value = minsleft
document.getElementById("clock4").value = secsleft
// Redo if time left to the specific date
if(diff > 0)
timerID = setTimeout("CountDown()", 100)
}
window.setTimeout('CountDown()',100);
</script>
</head>
<body>
<b>Election date: <script
type="text/javascript">document.write(myDate.toLocaleDateString())</script><br
/>
Count Down: </b>
<input type="text" id="clock1" size="2" value=""> days
<input type="text" id="clock2" size="2" value=""> hours
<input type="text" id="clock3" size="2" value=""> minutes
<input type="text" id="clock4" size="2" value=""> seconds
</body>
</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top