Uhrzeit mit java

phpBB 3.0.x Support und Diskussions Forum.
Antworten
Benutzeravatar
Nashra
Beiträge: 48
Registriert: 8. Mär 2010 16:52
Familienstand: Verheiratet
Wohnort: Wankum
Hat sich bedankt: 0
Danksagung erhalten: 0
Kontaktdaten:

Uhrzeit mit java

Beitrag von Nashra »

Deine phpBB Version: 3.0.8
Typ Deines phpBB Forums: Standard phpBB (auch Vanilla (phpbb2) oder Olympus (phpBB3) genannt)
MODs installiert: Ja
Dein Wissensstand: Grundwissen
Link zu Deinem Forum: http://freizeitreiter-vom-niederrhein.de

PHP Version: 5
MySQL Version: 5

Was hast Du gemacht, bevor das Problem aufgetreten ist?


Was hast Du bereits versucht um das Problem zu lösen?


Fehlerbeschreibung und Nachricht
Hallo, kennt sich vielleicht jemand mit Javasrcript hier aus?
Habe ein Script gefunden welches fortlaufend die Zeit im Index anzeigt, als Ersatz für {CURRENT_TIME}.
Einzigstes Manko (für mich jedenfalls) ist dass das Jahr nicht angezeigt wird :(
Weiß jemand was man ändern bzw. wo erweitern muß das dies auch angezeigt wird.
Der Autor ist leider nicht erreichbar :(

Code: Alles auswählen

///////////////////////////////////////////////////////////
// "Live Clock Advanced" script - Version 1.0
// By Mark Plachetta (astroboy@zip.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 = "Verdana";

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

	// Set the clock's font color:
	var myfont_color = "#228b22";
	
	// 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 = 260;

	// 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 mn = "";
	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).
	// Long days and months
	var DaysOfWeek = new Array(7);
		DaysOfWeek[0] = "Sunday";
		DaysOfWeek[1] = "Monday";
		DaysOfWeek[2] = "Tuesday";
		DaysOfWeek[3] = "Wednesday";
		DaysOfWeek[4] = "Thursday";
		DaysOfWeek[5] = "Friday";
		DaysOfWeek[6] = "Saturday";
/*
	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";
	*/
	// short days and months
	/*
	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] = "Jan";
		MonthsOfYear[1] = "Feb";
		MonthsOfYear[2] = "Mar";
		MonthsOfYear[3] = "Apr";
		MonthsOfYear[4] = "May";
		MonthsOfYear[5] = "Jun";
		MonthsOfYear[6] = "Jul";
		MonthsOfYear[7] = "Aug";
		MonthsOfYear[8] = "Sep";
		MonthsOfYear[9] = "Oct";
		MonthsOfYear[10] = "Nov";
		MonthsOfYear[11] = "Dec";
		
// 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+';text-align: center;"></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]); }
}
    setTimeout("show_clock()",1000)
[/i]
Benutzeravatar
Mahony
Site Admin
Site Admin
Beiträge: 792
Registriert: 3. Dez 2006 22:09
Hat sich bedankt: 22 Mal
Danksagung erhalten: 6 Mal

Re: Uhrzeit mit java

Beitrag von Mahony »

Hallo
Schau mal hier http://www.web-toolbox.net/webtoolbox/d ... s-year.htm

Das Ergebnis (also die Änderung für dein Script) sollte dann so aussehen

Code: Alles auswählen

    ///////////////////////////////////////////////////////////
    // "Live Clock Advanced" script - Version 1.0
    // By Mark Plachetta (astroboy@zip.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 = "Verdana";

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

       // Set the clock's font color:
       var myfont_color = "#228b22";
       
       // 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 = 260;

       // 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 mn = "";
       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).
       // Long days and months
       var DaysOfWeek = new Array(7);
          DaysOfWeek[0] = "Sunday";
          DaysOfWeek[1] = "Monday";
          DaysOfWeek[2] = "Tuesday";
          DaysOfWeek[3] = "Wednesday";
          DaysOfWeek[4] = "Thursday";
          DaysOfWeek[5] = "Friday";
          DaysOfWeek[6] = "Saturday";
    /*
       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";
       */
       // short days and months
       /*
       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] = "Jan";
          MonthsOfYear[1] = "Feb";
          MonthsOfYear[2] = "Mar";
          MonthsOfYear[3] = "Apr";
          MonthsOfYear[4] = "May";
          MonthsOfYear[5] = "Jun";
          MonthsOfYear[6] = "Jul";
          MonthsOfYear[7] = "Aug";
          MonthsOfYear[8] = "Sep";
          MonthsOfYear[9] = "Oct";
          MonthsOfYear[10] = "Nov";
          MonthsOfYear[11] = "Dec";
          
    // 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+';text-align: center;"></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 year = Digital.getYear();
		  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]); }
    }
        setTimeout("show_clock()",1000)
Tipp: Diese Variable var year = Digital.getYear(); kam neu hinzu.

Also eigentlich ganz easy. :D
Diejenigen, die lautstark darüber diskutieren, warum es nicht geht, mögen bitte jene nicht stören, die es gerade tun.
Klug ist, wer nur die Hälfte von dem glaubt, was er hört. Weise ist, wer erkennt, welche Hälfte richtig ist.

Bild
Benutzeravatar
Nashra
Beiträge: 48
Registriert: 8. Mär 2010 16:52
Familienstand: Verheiratet
Wohnort: Wankum
Hat sich bedankt: 0
Danksagung erhalten: 0
Kontaktdaten:

Re: Uhrzeit mit java

Beitrag von Nashra »

Mahony hat geschrieben:Hallo
Schau mal hier http://www.web-toolbox.net/webtoolbox/d ... s-year.htm

Tipp: Diese Variable var year = Digital.getYear(); kam neu hinzu.

Also eigentlich ganz easy. :D
Jow, wen man weiß wie es geht :mrgreen:
Die Variable lautet aber var year = Digital.getFullYear();
und für die Ausgabe wäre dann im Script die entsprechende Zeile so zu ändern

if (DisplayDate) { myclock += ' - '+DaysOfWeek[day]+', '+mday+' '+MonthsOfYear[month]+' '+year; }

und schon wird alles angezeigt :cool

Durch den Toolbox-Link habe ich direkt noch etwas gefunden was ich gebrauchen konnte, nämlich das mit
dem Copyright für meinen Style...

Code: Alles auswählen

			<script type="text/javascript" language="JavaScript">
			// <![CDATA[
			DatumAktuell = new Date();
			JahrAktuell = DatumAktuell.getFullYear();
			document.write("Copyright &copy; 2009-"+ JahrAktuell);
			// ]]>
			</script>
Ich bedanke mich mal wieder bei dir Mahony :cool
Antworten