. - Verschiedenes I

Begrüßung nach Tageszeit mit Text:

von 5.00 Uhr bis 10.00 Uhr "Guten Morgen" von 11.00 Uhr bis 12.00 Uhr "Mahlzeit" von 13.00 Uhr bis 17.00 Uhr "Guten Tag" von 18.00 Uhr bis 23.00 Uhr "Guten Abend" von 0.00 Uhr bis 04.00 Uhr "Hallo Nachtschwärmer"

Code:

<div align="center"><b><i><font size="5" face="comic sans ms" color="black"> <script language="JavaScript">

</script> </font> </i></b></div>

Begrüßung nach Tageszeit mit Sound:

Code

Die Begrüßung erfolgt akustisch, abhängig von der Tageszeit.

Beispiel:

MP3-Player mit javascript

Tageszähler:

Datum Schrift und Schriftfarbe kann beliebig geändert werden.

Code:

<center>
<font size="2" color="#000000" face="comic sans ms">
<script language="JavaScript1.2">
var heute = new Date;
var Zukunft = new Date;
Jahr = 2010;
var ZMonat = 11;
var ZTag = 31;
var Ereignis = "Silvester";
Zukunft.setMonth(ZMonat, ZTag);
Zukunft.setFullYear(Jahr);
X = Date.parse(heute);
Z = Date.parse(Zukunft);
Y1 = Z - X;
Y = 24 * 60 * 60 * 1000;
nochTage = Y1/Y;
nochTage= Math.round(nochTage);
if (nochTage> 1)
document.write("Nur noch ", nochTage, " Tage bis ", Ereignis, " ! ");
else if (nochTage == 1)
document.write(Ereignis, " ist morgen ! ");
else if (X == Z)
document.write(Ereignis, " ist heute ! ");
else if (X > Z)
document.write(Ereignis, " ist vorbei ! ");
</script> </font></center>

Zählt die Zeit des Besuchers:

Du bis jetzt schon 00 Minuten und 00 Sekunden auf dieser Seite !

Du kannst auch die Schrift formatieren.

Code:

<div align="center">
<font size="1" color="black" face="arial "><b>Du bis jetzt schon<span id="zeit">00 Minuten und 00 Sekunden</span> auf dieser Seite !</b>
</font>
<script type="text/javascript">
Jetzt = new Date(); var Start = Jetzt.getTime();
function GGL(){
var absSekunden = Math.round(ZeitBerechnen());
var relSekunden = absSekunden % 60;
var absMinuten = Math.round((absSekunden-30)/60);
var anzSekunden = ((relSekunden > 9) ? relSekunden : "0" + relSekunden);
var anzMinuten = ((absMinuten > 9) ? absMinuten : "0" + absMinuten);
document.getElementById('zeit').firstChild.data = anzMinuten + " Minuten und " + anzSekunden + " Sekunden";
window.setTimeout('GGL()',1000); }
function ZeitBerechnen(){
var Immernoch = new Date();
return((Immernoch.getTime() - Start)/1000); }
window.setTimeout('GGL()',1000);
</script></div>

Zählt die Tage, Stunden ... in mehreren Feldern

Code

<div style="text-align: center;"><style type="text/css">
.input{text-align:center;color:#ffffff;background-color:#000000;font-weight:bold;border:0px;font-family:comic sans ms;font-size:14px;width:28px;}
.input1{text-align:center;color:#ffffff;background-color:#000000;font-weight:bold;border:0px;font-family:comic sans ms;font-size:14px;width:20px;}
</style>   <script LANGUAGE="JavaScript">

</script>    <br />
<form name="clock">
    <table cellspacing="0" cellpadding="0" bordercolor="#778899" border="0" align="center">
        <tbody>
            <tr>
                <td> <font size="2" face="comic sans ms" color="#ffffff" font="">Dein Text<input class="input" size="1" name="days" /> Tage, <input class="input1" size="1" name="hours" /> Stunden, <input class="input1" size="1" name="mins" /> Minuten und <input class="input1" size="1" name="secs" /> Sekunden ! </font></td>
            </tr>
        </tbody>
    </table>
</form>
<img height="1" width="1" onload="countdown()" alt="" src="http://pics.ebaystatic.com/aw/pics/s.gif" /></div>

Google auf deiner Homepage:

Zum Testen könnt ihr mal was Googeln.

Code:

<center>
<form method=get action="http://www.google.de/search" target="_blank">
<table width="38%" height="60" border="1" bgcolor="#f5f5dc"> 
<tr><td>
<table width="100%" border="0">
<tr>
<td width="25%" rowspan="0">
<img src="http://www.google.com/logos/Logo_25gry.gif"></td>
<td colspan="5"><input maxlength=256 type="text" size=41 name=q value="">
<div align="right">
<input type=submit value="Suche" name=btnG style="color:#ffffff; background-color:#708090"></div></td> 
</tr>
<tr>
<td> <input type=radio name=meta value="" checked>
<span class="genmed"><font size=-2>Das Web</span></td>
<td> <input type=radio name=meta value="lr=lang_de">
<span class="genmed"><font size=-2>Deutsch</span></td>
<td> <input type=radio name=meta value="cr=countryDE" >
<span class="genmed"><font size=-2>Seiten aus .DE</span></td>
</tr>
<tr>
<td width="10%"></td>
<td width="40%"></td>
<td width="45%"></td>
</tr>
</table></td>
</tr>
</table>
<p>
<input type=hidden name=ie value="UTF-8">
<input type=hidden name=oe value="UTF-8">
<input name=hl type=hidden value=de>
</p>
</form>

Einfache Uhr:

Du kannst auch die Zahlen und den Hintergrund verändern.

Code:

Monatskalender:

Du kannst die Schriftart, Schriftgröße und den Hintergrund verändern.

Code:

<p align="center"><script language="JavaScript">

</script></p>

Ihr könnt die Eingerahmten Texte kopieren und bei Euch einfügen:

nach oben