div aktualisieren javascript
hallo wie kann ich mit javascript einen div aktualisieren in diesem code... <html>
<head>
</head>
<body>
<div id="aktualisieren">
<?php
$datum = date("j.n.Y");
$tag = date ("w");
$tage = array(Sonntag, Montag, Dienstag, Mittwoch, Donnerstag, Freitag, Samstag);
$fertig = $tage[$tag];
$stunde = date ("G");
$minuten = date("i");
$sekunden = date("s");
echo ("Es ist ".$fertig." der ".$datum." , ".$stunde." Uhr, ".$minuten." Minuten und ".$sekunden." Sekunden !");
?>
</div>
</body>
</html>
3 Antworten
Vom Beitragsersteller als hilfreich ausgezeichnet
Nutzer, der sehr aktiv auf gutefrage ist
Am einfachsten mit dem Javascript Framework jQuery!
Erstelle die Ausgabe der Uhrzeit in einer PHP Datei z.B. ausgabe.php
Jetzt erstellst du eine HTML Datei die in Intervallen deine ausgabe.php in einem DIV automatisch alle 5 sek. aufruft!
Das DIV nennen wir mal augabeDiv
Hier die HTML Datei:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Uhrzeit</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
var updateDiv = function ()
{
$('#ausgabeDiv').load('ausgabe.php', function () {
deinTimer = window.setTimeout(updateDiv, 3000);
});
}
var deinTimer = window.setTimeout(updateDiv, 3000);
});
</script>
<div id="ausgabeDiv"><p>Lese Uhrzeit.....</p></div>
</body>
</html>
das macht du doch schon mit echo in PHP
versuch es mit innerText (javascript)
http://de.selfhtml.org/javascript/objekte/all.htm
aber PHP mit javascript mischen geht nicht
So funktioniert das alles:
<html>
<head>
<title>
JavaScript - Uhr
</title>
<script type="text/javascript">
<!--/
function uhrzeit()
{
zeit=new Date();
document.demo.uhr.value=zeit.toLocaleString();
window.setTimeout("uhrzeit();",800);
}
//-->
</script>
</head>
<body onLoad="uhrzeit();">
<form name="demo">
<input type=text name="uhr" value="Guten Tag" size="50">
</form>
</body>
</html>