Datum & Uhrzeit - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Datum & Uhrzeit

Scripte > Snipped

Datum und Uhrzeit mit Javascript oder PHP

Bitte beachten:
Alle hier gezeigten Funktionen sind teilweise nicht formatiert. Es gibt verschiedene Möglichkeiten in Farbe und Form, auch mit
CSS.
Dateien, in denen ein PHP-Code ausgeführt wird, müssen zur Ausführung der Funktion die Dateiendung .php aufweisen.

Kalender mit Hintergrund-Bildatei:


Ausgabe:

Friday
25

Code für das HTML-Objekt:

[Objekt HTML]

<div class="kalender">
<div
class="wochentag"><?php echo date("l"); ?></div>
<div class="zahl"> <!-- <a href="#"> --> <?php echo date("d"); ?>
<!-- </a>  (grün = aktivieren für Verlinkung) -->
</div></div>

[Vor dem /HEAD|Bereich CSS]

<!-- Code für den CSS-Bereich (HEAD) -->
.kalender
{background-image: url(kalender_leer.png); width: 210px; height: 178px; background-repeat:no-repeat; font-family:Comic Sans MS;
text-align:center;
}
.wochentag
{font-size:28px; color:#00000; font-weight:bold; padding-top:36px;}
.zahl
{font-size:60px; color:#ff0000; font-weight:bold; padding-top:0px;}

Die Kalender_leer.png gibt es zum Download hier.

Aktuelles Datum nur als Textanzeige:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
document.write(new Date().getDate()+"."+(new Date().getMonth()+1)+"."+new Date().getFullYear())
</script>

Aktuelles Datum mit Wochentag anzeigen:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
var W = new Array('So','Mo','Di','Mi','Do','Fr','Sa','So'),H=new Date(),
E = new Array("Januar","Februar","März","April","Mai","Juni",
"Juli","August","September","Oktober","November","Dezember");
document.write(W[H.getDay()]+"., "+H.getDate()+". "+E[H.getMonth()]+" "+H.getFullYear())
</script>

Aktuelles Datum automatisch anzeigen:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
function Datum() {
var Heute = new Date();
var Tag   = Heute.getDate();
var Monat = Heute.getMonth()+1;
var Jahr  = Heute.getFullYear();
document.date.datum.value= Tag + "." + Monat + "." + Jahr; }
</script>
<form
name="date"><input type="text" name="datum" size="10">
</form>

[Im Tag BODY]

<!-- Code innerhalb des <BODY> Tag -->
<body
onLoad="Datum();">

Aktuelles Datum mit Button aufrufen:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
function Datum2() {
var Heute = new Date();
var Tag   = Heute.getDate();
var Monat = Heute.getMonth()+1;
var Jahr  = Heute.getFullYear();
document.date2.datum2.value= Tag + "." + Monat + "." + Jahr; }
</script>
<form name="date2">
<input type="text" name="datum2" size="10">
<input type="button" value="Zeige Datum" onClick="Datum2()">
</form>

Aktuelles Datum mit Javascript und PHP:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<input type="button" value="PHP-Datum anzeigen"
onClick=
"alert('<?php echo date("d.m.Y"); ?>')">

Aktuelles Datum mit PHP anzeigen:


Ausgabe:

25.05.2018

Code für das HTML-Objekt:

[Objekt HTML]

<?php
$datum = date("d.m.Y");
echo $datum;
?
>

Datum und Uhrzeit automatisch anzeigen:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
var d=new Date();
document.write(d.toLocaleString());
</script>

Aktuelle Uhrzeit nur als Textanzeige


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<div style="color: #ff0000; font-size: 16px;">
<b id="hw19"></b> </div>

[Vor dem /HEAD]

<!-- Code für den HEAD-Bereich -->
function uhrzeit(anzeige) {
Heute = new Date();
Sekunde = Heute.getSeconds();
if (Heute.getSeconds() == 0 || anzeige == "jetzt") {
 Stunde  = Heute.getHours();
 Minute  = Heute.getMinutes();
 document.getElementById("hw19").innerHTML=Stunde+"."+Minute+" Uhr";
}
}
</script>

[Im Tag BODY]

<!-- Code innerhalb des <BODY> Tag -->
<body onLoad="uhrzeit('jetzt'); setInterval('uhrzeit()', 1000)">

Aktuelle Uhrzeit automatsch anzeigen:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
function Uhrzeit() {
var Heute = new Date();
var Stunde  = Heute.getHours();
var Minute  = Heute.getMinutes();
var Sekunde = Heute.getSeconds();
document.zeit.uhr.value= Stunde + ":" + Minute + ":" + Sekunde;
window.setTimeout('Uhrzeit()',1000); }
</script>
<form name="zeit">
<input type=text name="uhr" size="10">
</form>

[Im Tag BODY]

<!-- Code innerhalb des <BODY> Tag -->
<body
onLoad="Uhrzeit();">

Aktuelle Uhrzeit mit Button aufrufen:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
function Uhrzeit2() {
var Heute = new Date();
var Stunde  = Heute.getHours();
var Minute  = Heute.getMinutes();
var Sekunde = Heute.getSeconds();
document.zeit2.uhr2.value= Stunde + ":" + Minute + ":" + Sekunde;
window.setTimeout('Uhrzeit2()',1000); }
</script>
<form name="zeit2">
<input type="text" name="uhr2" size="10">
<input type="button" value="Zeige Uhrzeit" onClick="Uhrzeit2()">
</form>

Aktuelle Uhrzeit mit PHP anzeigen:


Ausgabe:

11:01 Uhr

Code für das HTML-Objekt:

[Objekt HTML]

<?php
$uhrzeit = date("H:i");
echo $uhrzeit," Uhr";
?
>

Aktuelles Datum / Uhrzeit automatisch:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
function DateTime()
{
zeit=new Date();
document.hw16.uhr.value=zeit.toLocaleString();
window.setTimeout("DateTime();",800);
}
</script>
<form name="hw16">
<input type="text" name="uhr" value="Guten Tag" size="31">
</form>

[Im Tag BODY]

<!-- Code innerhalb des <BODY> Tag -->
<body onLoad="DateTime();">

Aktuelles Datum / Uhrzeit mit Button:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
function DateTime2()
{
zeit=new Date();
document.hw17.uhr2.value=zeit.toLocaleString();
window.setTimeout("DateTime2();",800);
}
</script>
<form name="hw17">
<input type="text" name="uhr2" value="Guten Tag" size="31"><br>
<input type="button" value="Zeige Datum und Uhrzeit" onClick="DateTime2()">

Aktuelles Datum / Uhrzeit mit PHP:


Ausgabe:

25.05.2018 - 11:01 Uhr

Code für das HTML-Objekt:

[Objekt HTML]

<?php
$datum = date("d.m.Y");
$uhrzeit = date("H:i");
echo $datum," - ",$uhrzeit," Uhr";
?
>

Aktuelles Datum im amerikanischen Format:


Ausgabe:

May 25, 2018, 11:01 am

Code für das HTML-Objekt:

[Objekt HTML]

<?php
$heute = date("F j, Y, g:i a");
echo $heute
;
?>

Kalenderwoche ausgeben:


Ausgabe:

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
var _alleTage = 0;
var _heute = new Date();
var _Tage = new Array(12);
_Tage[0] = 31;
_Tage[2] = 31;
_Tage[3] = 30;
_Tage[4] = 31;
_Tage[5] = 30;
_Tage[6] = 31;
_Tage[7] = 31;
_Tage[8] = 30;
_Tage[9] = 31;
_Tage[10] = 30;
_Tage[11] = 31;

if (Math.round(_heute.getYear()/4) == _heute.getYear()/4) {
_Tage[1] = 29
}else{
 _Tage[1] = 28
}
if (_heute.getMonth() == 0) {      
 _alleTage = _alleTage + _heute.getDate();
}else{
var curMonth = _heute.getMonth();
 for (var count = 1; count
<= curMonth; count++) {
 _alleTage = _alleTage + _Tage[count - 1];
}
 _alleTage = _alleTage + _heute.getDate();
}
var woche = Math.round(_alleTage/7);
document.write("<b
>Kalenderwoche:</b> " + woche);
</script>

Weitere Scripte zum Download findest Du unter Analog Uhren, Digital Uhren und Mini Kalender.

Feedbacks zu ""

es gibt insgesamt 6 Kommentar(e)


  1. Peter schreibt am 05.12.2017, 14.25 Uhr

    Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite Tolle Seite

  2. Jakob Borda schreibt am 25.09.2017, 22.36 Uhr

    Bei mir funktioniert die Kalenderwoche leider nicht.
    Admin-Antwort: Eventuell hast Du Probleme mit den Zeilenumbrüchen. Javascript ist da sehr pinglig. Ich habe Dir nochmals auf der Testseite den kompletten Code mit Textformatierungsmöglichkeit eingefügt. Diesen bräuchtest Du nur kopieren und als HTML-Objekt einfügen. Falls noch Fragen, einfach melden (nur E-Mail).
    Link: http://www.x5forum.home-wiekau.de/test_forum4.php

  3. Andreas schreibt am 30.01.2017, 11.54 Uhr

    Vielen Dank für diese schöne Zusammenstellung, sehr hilfreich!

  4. Fabian Gschwenter schreibt am 20.07.2016, 14.12 Uhr

    Danke für eure super Uhren!!!! Hat mir wirklich sehr geholfen!
    Admin-Antwort: Prima, freut mich.

  5. Andi Sabortein schreibt am 19.11.2015, 12.51 Uhr

    Ein sehr hilfsreiches Kalender. Ich habe eine Frage. Seit 30. Oktober 2015 habe ich von meinen Chef eine Aufgabe bekommen. Für unseren mittelgroßen Unternehmen soll ich eine neue Java Script Framework & HTML5 UI Library Tool zu finden. Zur dieser Zeitpunkt habe ich viel über JavaScript-Frameworks gelesen. Die erste Alternative die ich gestern gefunden hatte ist Webix (http://webix.com/). Und hier kommen meine Fragen. Haben Sie schon über Webix gehört? Und wenn ja, wie finden Sie es?

  6. Fasser schreibt am 01.07.2014, 16.14 Uhr

    Und wie kann ich es machen, das ich per Button die Zeit anhalten kann?


Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 18 Online
 » 87 Heute
 » 1046 Woche
 » 4801 Monat
 » 30625 Jahr
 » 277203 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü