Jump to content

Time&Date Customization


Pavlos1316

Recommended Posts

Hi all

 

I have the below javascript for time&date. It works fine but it gets the pc's time&date to display. What do I have to modify so it will display always my desired time&date (GMT+2)?

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

// Set the clock's font face:
var myfont_face = "Verdana";

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

// Set the clock's font color:
var myfont_color = "#00FFFF";

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

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

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

// 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] = "Sun";
	DaysOfWeek[1] = "Mon";
	DaysOfWeek[2] = "Tue";
	DaysOfWeek[3] = "Wed";
	DaysOfWeek[4] = "Thu";
	DaysOfWeek[5] = "Fri";
	DaysOfWeek[6] = "Sat";

var MonthsOfYear = new Array(12);
	MonthsOfYear[0] = "January";
	MonthsOfYear[1] = "February";
	MonthsOfYear[2] = "March";
	MonthsOfYear[3] = "April";
	MonthsOfYear[4] = "May";
	MonthsOfYear[5] = "June";
	MonthsOfYear[6] = "July";
	MonthsOfYear[7] = "August";
	MonthsOfYear[8] = "September";
	MonthsOfYear[9] = "October";
	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('<span id="LiveClockIE" style="width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }
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 += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';
	myclock += mypre_text;
	myclock += hours+':'+minutes;
	if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
	myclock += ' '+dn;
	if (DisplayDate) { myclock +=DaysOfWeek[day]+', '+mday+mn+' '+MonthsOfYear[month]; }
	myclock += '</font>';

	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]); }
}

Thanks in advance

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.