PC Review Forums Newsgroups Microsoft Word Microsoft Frontpage How do I install a "countdown clock" w/o ads on my site using FP?

Reply

How do I install a "countdown clock" w/o ads on my site using FP?
 
Thread Tools Rate Thread
Old 19-11-2007, 03:06 PM   #1
=?Utf-8?B?V29uZGVyaW4n?=
Guest
 
Posts: n/a
Default How do I install a "countdown clock" w/o ads on my site using FP?


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?
  Reply With Quote
Old 19-11-2007, 03:10 PM   #2
=?Utf-8?B?RnJhbmNpbmU=?=
Guest
 
Posts: n/a
Default RE: How do I install a "countdown clock" w/o ads on my site using FP?
Yes, go to http://www.hashemian.com/tools/javascript-countdown.htm

We use it and love it.



"Wonderin'" wrote:

> 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?
  Reply With Quote
Old 19-11-2007, 03:32 PM   #3
IdaSpode
Guest
 
Posts: n/a
Default Re: How do I install a "countdown clock" w/o ads on my site using FP?
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
(winrich@babson.edu) 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>

On Mon, 19 Nov 2007 07:10:01 -0800, Francine
<Francine@discussions.microsoft.com> wrote:

>Yes, go to http://www.hashemian.com/tools/javascript-countdown.htm
>
>We use it and love it.
>
>
>
>"Wonderin'" wrote:
>
>> 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?
  Reply With Quote
Old 19-11-2007, 11:01 PM   #4
Trevor Lawrence
Guest
 
Posts: n/a
Default Re: How do I install a "countdown clock" w/o ads on my site using FP?
"Wonderin'" <Wonderin'@discussions.microsoft.com> wrote in message
news:AE6ECCBA-07B1-453F-8174-9D13FC30D531@microsoft.com...
>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>
--
Trevor Lawrence
Canberra
Microsoft MVP - FrontPage
MVP Web Site http://trevorl.mvps.org
  Reply With Quote
Reply

Archive


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off