<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>AJAX</title><style type="text/css">h1 { font: bold 96px serif ; text-align: center;}</style><!-- jQuery --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><!-- jQuery UI --><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script><script>$(document).ready (function () { /* Ha a dokumentum betöltése kész, akkor rögtön frissíti az órát, illetve ezt követően 3 másodpercenként újra és újra. */ Clock (); setInterval ('Clock ();', 3000);});function Clock () { // A Clock.php tartalmát beszúrja a Clock azonosítóval rendelkező HTML tagek közé. $('#Clock').load ('./Clock.php', function () {}); // A zöld színű felvillanásért felelős animáció sorai. $('#Clock').animate ({'background-color': '#0f0'}, 0); $('#Clock').animate ({'background-color': '#fff'}, 1000);}</script></head><body><h1 id="Clock">Óra</h1></body></html>