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
https://forums.phpfreaks.com/topic/117304-timedate-customization/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.