Datum & Uhrzeit - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

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:

Monday
17

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:

17.12.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:

08:40 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:

17.12.2018 - 08:40 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:

December 17, 2018, 8:40 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 ""
5 Kommentare
Durchschnittliche Bewertung: 155.0/5


Andreas
2018-11-13 09:46:50
Vielen Dank für diese schöne Zusammenstellung, sehr hilfreich!
Admin-Antwort
2018-11-13 09:45:27
Prima, freut mich.
Fabian Gschwenter
2018-11-13 09:44:31
Danke für eure super Uhren!!!! Hat mir wirklich sehr geholfen!
Andi Sabortein
2018-11-13 09:43:06
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?
Fasser
2018-11-13 09:40:26
Und wie kann ich es machen, das ich per Button die Zeit anhalten kann?
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 3 Online
» 161 Heute
» 529 Gestern
» 161 Woche
» 7029 Monat
» 76850 Jahr
» 323428 Gesamt
Record: 1420 (10.04.2014)
Gesamt Downloads:
Zurück zum Seiteninhalt