AppletTalk.com

Jan Smit · Guest

Hi there,

I have a nice .JS-file (see below) to show the actual time here in Holland
on my homepage.
But . .
I have adopted children from Colombia and want a same clock with Colombian
time (only - so no worldtimes) on my homepage.
Anybody an idea or script to do that?
I tried to figure it out to do it myself, but failed. I'm not so good in
programming.

Thanks in advance,
Peter.

///////////////////////////////////////////////////////////
// "Live Clock Advanced" script - Version 1.0
// By Mark Plachetta ()
//
// Get the latest version at:
// http://www.zip.com.au/~astroboy/liveclock/
//
// Based on the original script: "Upper Corner Live Clock"
// available at:
// - Dynamic Drive (http://www.dynamicdrive.com)
// - Website Abstraction (http://www.wsabstract.com)
// ========================================================
// CHANGES TO ORIGINAL SCRIPT:
// - Gave more flexibility in positioning of clock
// - Added date construct (Advanced version only)
// - User configurable
// ========================================================
// Both "Advanced" and "Lite" versions are available free
// of charge, see the website for more information on the
// two scripts.
///////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////
/////////////// CONFIGURATION /////////////////////////////

// Set the clock's font face:
var myfont_face = "comic sans ms";

// Set the clock's font size (in point):
var myfont_size = "8";

// Set the clock's font color:
var myfont_color = "white";

// Set the clock's background color:
var myback_color = "transparent";

// Set the text to display before the clock:
var mypre_text = "";

// Set the width of the clock (in pixels):
var mywidth = 230;

// Display the time in 24 or 12 hour time?
// 0 = 24, 1 = 12
var my12_hour = 0;

// How often do you want the clock updated?
// 0 = Never, 1 = Every Second, 2 = Every Minute
// If you pick 0 or 2, the seconds will not be displayed
var myupdate = 1;

// Display the date?
// 0 = No, 1 = Yes
var DisplayDate = 1;

/////////////// END CONFIGURATION /////////////////////////
///////////////////////////////////////////////////////////

// Browser detect code
var ie4=document.all
var ns4=document.layers
var ns6=document.getElementById&&!document.all

// Global varibale definitions:

var dn = "";
var mn = "th";
var old = "";

// The following arrays contain data which is used in the clock's
// date function. Feel free to change values for Days and Months
// if needed (if you wanted abbreviated names for example).
var DaysOfWeek = new Array(7);
DaysOfWeek[0] = "zondag";
DaysOfWeek[1] = "maandag";
DaysOfWeek[2] = "dinsdag";
DaysOfWeek[3] = "woensdag";
DaysOfWeek[4] = "donderdag";
DaysOfWeek[5] = "vrijdag";
DaysOfWeek[6] = "zaterdag";

var MonthsOfYear = new Array(12);
MonthsOfYear[0] = "januari";
MonthsOfYear[1] = "februari";
MonthsOfYear[2] = "maart";
MonthsOfYear[3] = "april";
MonthsOfYear[4] = "mei";
MonthsOfYear[5] = "juni";
MonthsOfYear[6] = "juli";
MonthsOfYear[7] = "augustus";
MonthsOfYear[8] = "september";
MonthsOfYear[9] = "oktober";
MonthsOfYear[10] = "november";
MonthsOfYear[11] = "december";

// This array controls how often the clock is updated,
// based on your selection in the configuration.
var ClockUpdate = new Array(3);
ClockUpdate[0] = 0;
ClockUpdate[1] = 1000;
ClockUpdate[2] = 60000;

// For Version 4+ browsers, write the appropriate HTML to the
// page for the clock, otherwise, attempt to write a static
// date to the page.
if (ie4||ns6) { document.write(''); }
else if (document.layers) { document.write('<ilayer
bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer
width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
else { old = "true"; show_clock(); }

// The main part of the script:
function show_clock() {
if (old == "die") { return; }

//show clock in NS 4
if (ns4)
document.ClockPosNS.visibility="show"
// Get all our date variables:
var Digital = new Date();
var day = Digital.getDay();
var mday = Digital.getDate();
var month = Digital.getMonth();
var hours = Digital.getHours();

var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();

// Fix the "mn" variable if needed:
if (mday == 1) { mn = "st"; }
else if (mday == 2) { mn = "nd"; }
else if (mday == 3) { mn = "rd"; }
else if (mday == 21) { mn = "st"; }
else if (mday == 22) { mn = "nd"; }
else if (mday == 23) { mn = "rd"; }
else if (mday == 31) { mn = "st"; }

// Set up the hours for either 24 or 12 hour display:
if (my12_hour) {
dn = "AM";
if (hours > 12) { dn = "PM"; hours = hours - 12; }
if (hours == 0) { hours = 12; }
} else {
dn = "";
}
if (minutes <= 9) { minutes = "0"+minutes; }
if (seconds <= 9) { seconds = "0"+seconds; }

// This is the actual HTML of the clock. If you're going to play around
// with this, be careful to keep all your quotations in tact.
myclock = '';
myclock += '';
myclock += mypre_text;
myclock += hours+':'+minutes;
if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
myclock += ' '+dn;
if (DisplayDate) { myclock += '  '+DaysOfWeek[day]+' '+mday+'
'+MonthsOfYear[month] ; }
myclock += '';

if (old == "true") {
document.write(myclock);
old = "die";
return;
}

// Write the clock to the layer:
if (ns4) {
clockpos = document.ClockPosNS;
liveclock = clockpos.document.LiveClockNS;
liveclock.document.write(myclock);
liveclock.document.close();
} else if (ie4) {
LiveClockIE.innerHTML = myclock;
} else if (ns6){
document.getElementById("LiveClockIE").innerHTML = myclock;
}

if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }
}

Evertjan. · Guest

Jan Smit wrote on 14 feb 2006 in comp.lang.java.javascript:

Jan Smit · Guest

Evertjan,

Je had waarschijnlijk nog niet in de gaten hóe dom ik werkelijk ben.
Zou je de verandering hieronder in kunnen voeren, want ik weet niet waar ik
hem kwijt moet.
Vast bedankt,

Peter.

///////////////////////////////////////////////////////////
// "Live Clock Advanced" script - Version 1.0
// By Mark Plachetta (astroboy (AT) zip (DOT) com.au)
//
// Get the latest version at:
// http://www.zip.com.au/~astroboy/liveclock/
//
// Based on the original script: "Upper Corner Live Clock"
// available at:
// - Dynamic Drive (http://www.dynamicdrive.com)
// - Website Abstraction (http://www.wsabstract.com)
// ========================================================
// CHANGES TO ORIGINAL SCRIPT:
// - Gave more flexibility in positioning of clock
// - Added date construct (Advanced version only)
// - User configurable
// ========================================================
// Both "Advanced" and "Lite" versions are available free
// of charge, see the website for more information on the
// two scripts.
///////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////
/////////////// CONFIGURATION /////////////////////////////

// Set the clock's font face:
var myfont_face = "comic sans ms";

// Set the clock's font size (in point):
var myfont_size = "8";

// Set the clock's font color:
var myfont_color = "white";

// Set the clock's background color:
var myback_color = "transparent";

// Set the text to display before the clock:
var mypre_text = "";

// Set the width of the clock (in pixels):
var mywidth = 230;

// Display the time in 24 or 12 hour time?
// 0 = 24, 1 = 12
var my12_hour = 0;

// How often do you want the clock updated?
// 0 = Never, 1 = Every Second, 2 = Every Minute
// If you pick 0 or 2, the seconds will not be displayed
var myupdate = 1;

// Display the date?
// 0 = No, 1 = Yes
var DisplayDate = 1;

/////////////// END CONFIGURATION /////////////////////////
///////////////////////////////////////////////////////////

// Browser detect code
var ie4=document.all
var ns4=document.layers
var ns6=document.getElementById&&!document.all

// Global varibale definitions:

var dn = "";
var mn = "th";
var old = "";

// The following arrays contain data which is used in the clock's
// date function. Feel free to change values for Days and Months
// if needed (if you wanted abbreviated names for example).
var DaysOfWeek = new Array(7);
DaysOfWeek[0] = "zondag";
DaysOfWeek[1] = "maandag";
DaysOfWeek[2] = "dinsdag";
DaysOfWeek[3] = "woensdag";
DaysOfWeek[4] = "donderdag";
DaysOfWeek[5] = "vrijdag";
DaysOfWeek[6] = "zaterdag";

var MonthsOfYear = new Array(12);
MonthsOfYear[0] = "januari";
MonthsOfYear[1] = "februari";
MonthsOfYear[2] = "maart";
MonthsOfYear[3] = "april";
MonthsOfYear[4] = "mei";
MonthsOfYear[5] = "juni";
MonthsOfYear[6] = "juli";
MonthsOfYear[7] = "augustus";
MonthsOfYear[8] = "september";
MonthsOfYear[9] = "oktober";
MonthsOfYear[10] = "november";
MonthsOfYear[11] = "december";

// This array controls how often the clock is updated,
// based on your selection in the configuration.
var ClockUpdate = new Array(3);
ClockUpdate[0] = 0;
ClockUpdate[1] = 1000;
ClockUpdate[2] = 60000;

// For Version 4+ browsers, write the appropriate HTML to the
// page for the clock, otherwise, attempt to write a static
// date to the page.
if (ie4||ns6) { document.write(''); }
else if (document.layers) { document.write('<ilayer
bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer
width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
else { old = "true"; show_clock(); }

// The main part of the script:
function show_clock() {
if (old == "die") { return; }

//show clock in NS 4
if (ns4)
document.ClockPosNS.visibility="show"
// Get all our date variables:
var Digital = new Date();
var day = Digital.getDay();
var mday = Digital.getDate();
var month = Digital.getMonth();
var hours = Digital.getHours();

var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();

// Fix the "mn" variable if needed:
if (mday == 1) { mn = "st"; }
else if (mday == 2) { mn = "nd"; }
else if (mday == 3) { mn = "rd"; }
else if (mday == 21) { mn = "st"; }
else if (mday == 22) { mn = "nd"; }
else if (mday == 23) { mn = "rd"; }
else if (mday == 31) { mn = "st"; }

// Set up the hours for either 24 or 12 hour display:
if (my12_hour) {
dn = "AM";
if (hours > 12) { dn = "PM"; hours = hours - 12; }
if (hours == 0) { hours = 12; }
} else {
dn = "";
}
if (minutes <= 9) { minutes = "0"+minutes; }
if (seconds <= 9) { seconds = "0"+seconds; }

// This is the actual HTML of the clock. If you're going to play around
// with this, be careful to keep all your quotations in tact.
myclock = '';
myclock += '';
myclock += mypre_text;
myclock += hours+':'+minutes;
if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
myclock += ' '+dn;
if (DisplayDate) { myclock += '   '+DaysOfWeek[day]+' '+mday+'
'+MonthsOfYear[month]; }
myclock += '';

if (old == "true") {
document.write(myclock);
old = "die";
return;
}

// Write the clock to the layer:
if (ns4) {
clockpos = document.ClockPosNS;
liveclock = clockpos.document.LiveClockNS;
liveclock.document.write(myclock);
liveclock.document.close();
} else if (ie4) {
LiveClockIE.innerHTML = myclock;
} else if (ns6){
document.getElementById("LiveClockIE").innerHTML = myclock;
}

if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }
}

Evertjan. · Guest

Jan Smit wrote on 15 feb 2006 in comp.lang.java.javascript:

Jan Smit · Guest

"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> schreef in bericht
news:Xns976C7418449B9eejj99 (AT) 194 (DOT) 109.133.242...