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:

Sunday
24
<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>

<!-- Code für den HEAD-Bereich <head>...</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; }

Den Kalender mit der "kalender_leer.png" gibt es zum Download hier.

Aktuelles Datum nur als Textanzeige:

<script type="text/javascript">

document.write(new Date().getDate()+"."+(new Date().getMonth()+1)+"."+new Date().getFullYear())

</script>

Aktuelles Datum mit Wochentag anzeigen:

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

<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>


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

Aktuelles Datum mit Button aufrufen:

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

<input type="button"

value="PHP-Datum anzeigen"

onClick="alert('<?php echo date("d.m.Y"); ?>')">

Aktuelles Datum mit PHP anzeigen:

24.03.2019

<?php

$datum = date("d.m.Y");

echo $datum;

?>

Datum und Uhrzeit automatisch anzeigen:

<script type="text/javascript">

var d=new Date();

document.write(d.toLocaleString());

</script>

Aktuelle Uhrzeit nur als Textanzeige:

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

<b id="hw19"></b>

</div>


<!-- Code für den HEAD-Bereich <head>....</head> -->

<script type="text/javascript">

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>


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

Aktuelle Uhrzeit automatsch anzeigen:

<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>


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

Aktuelle Uhrzeit mit Button aufrufen:

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

08:29 Uhr

<?php

$uhrzeit = date("H:i");

echo $uhrzeit," Uhr";

?>

Aktuelles Datum / Uhrzeit automatisch:

<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>


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

Aktuelles Datum / Uhrzeit mit Button:

<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()">

</form>

Aktuelles Datum / Uhrzeit mit PHP:

24.03.2019 - 08:29 Uhr

<?php

$datum = date("d.m.Y");

$uhrzeit = date("H:i");

echo $datum," - ",$uhrzeit," Uhr";

?>

Aktuelles Datum im amerikanischen Format:

March 24, 2019, 8:29 am

<?php

$heute = date("F j, Y, g:i a");

echo $heute;

?>

Kalenderwoche ausgeben:

<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 - 2019





Besucher Statistik
» 2 Online
» 114 Heute
» 439 Gestern
» 2409 Woche
» 8706 Monat
» 20972 Jahr
» 348728 Gesamt
Record: 1420 (10.04.2014)
Gesamt Downloads:
Zurück zum Seiteninhalt