.
  Verschiedenes I - V
 

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">
<!--
  today = new Date()
    if(today.getMinutes() < 10){
        pad = "0"}
    else
    pad = "";
  document.write    ;if((today.getHours() >=7) && (today.getHours() <=10)){
document.write("Guten Morgen !")
}
   if((today.getHours() >=11) && (today.getHours() <=12)){
document.write("Mahlzeit ! ")
}
    if((today.getHours() >=13) && (today.getHours() <=17)){
document.write("Guten Tag !")
}  
    if((today.getHours() >=18) && (today.getHours() <=23)){
document.write("Guten Abend !")
}
    if((today.getHours() >=0) && (today.getHours() <=4)){
document.write("Hallo Nachtschwärmer !!")
}
    if((today.getHours() >=5) && (today.getHours() <=6)){
document.write("Grüß´ Gott !")
}
// -->
</script> </font> </i></b></div>

Begrüßung nach Tageszeit mit Sound:

Code

<script language="JavaScript">


today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=0) && (today.getHours() <1)){
document.write("<embed SRC='http://tommeininger.de/musik/Hallo-Schlafwandler.wav' HEIGHT='1' WIDTH='1' AUTOSTART='true' HIDDEN='true' >")
}
if((today.getHours() >=1) && (today.getHours() <=5)){
document.write("<embed SRC='http://tommeininger.de/musik/Gute-Nacht.wav' HEIGHT='1' WIDTH='1' AUTOSTART='true' HIDDEN='true' >")
}
if((today.getHours() >5) && (today.getHours() <=10)){
document.write("<embed SRC='http://tommeininger.de/musik/Guten-Morgen.wav' HEIGHT='1' WIDTH='1' AUTOSTART='true' HIDDEN='true' >")
}
if((today.getHours() >10) && (today.getHours() <=18)){
document.write("<embed SRC='http://tommeininger.de/musik/Guten-Tag.wav' HEIGHT='1' WIDTH='1' AUTOSTART='true' HIDDEN='true' >")
}
if((today.getHours() >18) && (today.getHours() <=23)){
document.write("<embed SRC='http://tommeininger.de/musik/Guten-Abend.wav' HEIGHT='1' WIDTH='1' AUTOSTART='true' HIDDEN='true' >")
}
if((today.getHours() >23) && (today.getHours() <=24)){
document.write("<embed SRC='http://tommeininger.de/musik/Hallo-Schlafwandler.wav' HEIGHT='1' WIDTH='1' AUTOSTART='true' HIDDEN='true' >")
}
// -- End Hiding Here -->
</script>


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



Bis Weihnachten 2013 sind es noch Tage, Stunden, Minuten und Sekunden !

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">
<!--
var GG = new Date("november, 14, 2010");  //Datum für Countdown im Format: (MONTH, DAY ,YEAR)
var tzo = -0;

function toSt(n) {
  s=""
  if(n<10) s+="0"
  return s+n.toString();
}
 
function countdown() {
  cl=document.clock;
  d=new Date();
  count=Math.floor((GG.getTime()-d.getTime())/1000);
  if(count<=0)
    {cl.days.value ="----";
     cl.hours.value="--";
     cl.mins.value="--";
     cl.secs.value="--";
     return;
   }
  cl.secs.value=toSt(count%60);
count=Math.floor(count/60) + tzo;

  cl.mins.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.hours.value=toSt(count%24);
  count=Math.floor(count/24);
  cl.days.value=count;   
 
  setTimeout("countdown()",1000);
}
// -->
</script>    <br />
<form name="clock">
    <table cellspacing="0" cellpadding="0" bordercolor="#778899" border="0" align="center">
        <tbody>
            <tr>
                <td><!-- Hier evtl. den Text, Schriftart, Farbe verändern !-------------->  <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.

 
Das Web Deutsch Seiten aus .DE
     


Code:

<center>
<form method=get action="http://www.google.de/search" target="_blank">
<table width="38%" height="60" border="1" bgcolor="#f5f5dc"> <!-- Tabellenhintergrundfarbe hier verändern ! ------->
<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>  <!--Farbe des Buttons-->
</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:

<div align="center">
<script language="JavaScript">
<!--
var datum = new Date()
var std = datum.getHours()
function Uhr_GGy()
{
var Datum = new Date()
var std = Datum.getHours()
var min = Datum.getMinutes()
var sec = Datum.getSeconds()
Zeit = ((std < 10) ? " 0" : " ") + std
Zeit += ((min < 10) ? ":0" : ":") + min
Zeit += ((sec < 10) ? ":0" : ":") + sec
Zeit += ""

document.uhr.zeit.value = Zeit
timerid = setTimeout("Uhr_GGy()",1000)
}
//-->
</script>
<form NAME="uhr">
<input style="width:80px;border:0;font-size:16px;color:#000;font-weight:bold;background-color:transparent;" TYPE="text" NAME="zeit">
</form>
<script LANGUAGE="JavaScript">
<!--
Uhr_GGy();
//-->
</script> </div> </body> </html>

Monatskalender:

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

 

Code:

<p align="center"><script language="JavaScript">
<!--
var d = new Date();
var dm = d.getMonth() + 1;
var dj = d.getYear();
if(dj < 999) dj+=1900;
Kalender(dm,dj);
function Kalender(Monat,Jahr)
{
Monatsname = new Array
("Januar","Februar","März","April","Mai","Juni","Juli",
"August","September","Oktober","November","Dezember");
Tag = new Array ("Mo","Di","Mi","Do","Fr","Sa","So");
var KSchrArt = "Arial";                 
var KSchrGroesse = 3;                
var KSchrFarbe = "#FFFF00";      
var Khgrund = "steelblue";             
var TSchrArt = "Arial";                  
var TSchrGroesse = 3;                   
var TSchrFarbe = "#000000";       
var Thgrund = "lightsteelblue";        
var SoFarbe = "red";                     
var Ahgrund = "#FFFFFF";          
var jetzt = new Date();
var DieserMonat = jetzt.getMonth() + 1;
var DiesesJahr = jetzt.getYear();
if(DiesesJahr < 999) DiesesJahr+=1900;
var DieserTag = jetzt.getDate();
var Zeit = new Date(Jahr,Monat-1,1);
var Start = Zeit.getDay();
if(Start > 0) Start--;
else Start = 6;
var Stop = 31;
if(Monat==4 ||Monat==6 || Monat==9 || Monat==11 ) --Stop;
if(Monat==2)
{
Stop=Stop-3;
if(Jahr%4==0) Stop++;
if(Jahr%100==0) Stop--;
if(Jahr%400==0) Stop++;
}
document.write("<table border=2 cellpadding=0 cellspacing=0>");
var Monatskopf = Monatsname[Monat-1] + " " + Jahr;
SchreibeKopf(Monatskopf,Khgrund,KSchrFarbe,KSchrGroesse,KSchrArt);
var Tageszahl = 1;
for(i=0;i<=5;i++)
{
document.write("<tr>");
for(j=0;j<=5;j++)
{
if((i==0)&&(j < Start))
SchreibeZelle(" ",Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
else
{
if(Tageszahl > Stop)
SchreibeZelle(" ",Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
else
{
if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))
SchreibeZelle(Tageszahl,Ahgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
else
SchreibeZelle(Tageszahl,Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
Tageszahl++;
}
}
}
if(Tageszahl > Stop)
SchreibeZelle(" ",Thgrund,SoFarbe,TSchrGroesse,TSchrArt);
else
{
if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))
SchreibeZelle(Tageszahl,Ahgrund,SoFarbe,TSchrGroesse,TSchrArt);
else
SchreibeZelle(Tageszahl,Thgrund,SoFarbe,TSchrGroesse,TSchrArt);
Tageszahl++;
}
document.write("</tr>");
}
document.write("</table>");
}
function SchreibeKopf(Monatstitel,HgFarbe,SchrFarbe,SchrGroesse,SchrArt)
{
document.write("<tr>");
document.write("<td align=center colspan=7 valign=middle bgcolor="+HgFarbe+">");
document.write('<font size='+SchrGroesse+' color='+SchrFarbe+' face="'+SchrArt+'"><b>');
document.write(Monatstitel);
document.write("</b></font></td></tr>");
document.write("<tr>");
for(i=0;i<=6;i++)
SchreibeZelle(Tag[i],HgFarbe,SchrFarbe,SchrGroesse,SchrArt);
document.write("</tr>");
}
function SchreibeZelle(Inhalt,HgFarbe,SchrFarbe,SchrGroesse,SchrArt)
{
document.write("<td align=center valign=middle bgcolor="+HgFarbe+">");
document.write('<font size='+SchrGroesse+' color='+SchrFarbe+' face="'+SchrArt+'"><b>');
document.write(Inhalt);document.write("</b></font></td>");
}
//-->
</script></p>

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


nach oben
 
   
 

Copyright © 2010 by 4youdesign