HTML Zähler


  • Hallo Leute,
    ich mache gerade eine kleine Homepage für meinen Hund.

    Ich möchte gerne einen Zähler einbauen , der soll anzeigen wie alt Kalle gerade ist!

    am Besten mit Jahr, Tag,Stunde,minute,Sekunden

    kann mir das jemand weiterhelfen. ich arbeit mit beepworld und diese hp hat html!.
    kalle ist am 03.12.2006 geboren.

    :lol: :lol:
    danke schön an alle

    http://www.kalle-mops.beep.de[/url]

  • Welche Browser du hast ist im Prinzip egal, wenn der, der deine Seite anschaut, JavaScript deaktiviert hat, kann er den Countdown halt nicht sehen.
    Habe mal Gebrauch von google gemacht und das hier gefunden:

    http://www.jjam.de/JavaScript/Datum_Uhrzeit/Countup.html

    Und auf dein Datum angepasst, sieht das Ganze so aus:


    Zum anschauen: http://chris90night.ch.funpic.de/js_countup.html

    Chris

  • habe einfach mal im web geschaut und diesen code kopiert und eingefügt dieser geht
    <font size="4" face="Verdana">Es sind bereits</font></p></td>
    </tr>
    <tr>
    <td align="center">
    <div align="left">
    <table width=100% cellpadding=0 cellspacing=0 border=0 id="table13"><tr>
    <td valign=top>
    <p align="center"><font size="5"><script language="JavaScript1.2">

    function setcountup(theyear,themonth,theday){
    yr=theyear;mo=themonth;da=theday
    }

    //////////HIER KANN DIE ANZEIGE KONFIGURIERT WERDEN//////////////////

    //SCHRITT 1: HIER EINGEBEN: (JAHR,MONAT,TAG) AB WANN GEZÄHLT WERDEN SOLL:
    setcountup(2004,8,7)

    //SHRITT 2: ALTENATIVEN TEXT EINGEBEN:
    var displaymessage=""

    //SCHRITT 3: ERSCHEINUNG KONFIGURIEREN: width, height, background color, text style
    var countupwidth='95%'
    var countupheight='20px' //applicable only in NS4
    var countupbgcolor='white'
    var opentags='<font face="Verdana" color="#FF0000">'
    var closetags='</font>'

    //////////AB HIER NICHTS VERÄNDERN//////////////////

    var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
    var crosscount=''

    function start_countup(){
    if (document.layers)
    document.countupnsmain.visibility="show"
    else if (document.all||document.getElementById)
    crosscount=document.getElementById&&!document.all?document.getElementById("countupie") : countupie
    countup()
    }

    if (document.all||document.getElementById)
    document.write('<span id="countupie" style="width:'+countupwidth+'; background-color:'+countupbgcolor+'"></span>')

    window.onload=start_countup


    function countup(){
    var today=new Date()
    var todayy=today.getYear()
    if (todayy < 1000)
    todayy+=1900
    var todaym=today.getMonth()
    var todayd=today.getDate()
    var todayh=today.getHours()
    var todaymin=today.getMinutes()
    var todaysec=today.getSeconds()
    var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
    paststring=montharray[mo-1]+" "+da+", "+yr
    dd=Date.parse(todaystring)-Date.parse(paststring)
    dday=Math.floor(dd/(60*60*1000*24)*1)
    dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
    dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
    dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)

    if (document.layers){
    document.countupnsmain.document.countupnssub.document.write(opentags+dday+" Tage"+" und "+dhour+" Stunden "+displaymessage+closetags)
    //document.countupnsmain.document.countupnssub.document.write(opentags+"Es sind bereits "+dday+" Tage"+" und "+dhour+" Stunden "+"seit der letzten Unfallmeldung vergangen"+displaymessage+closetags)
    //" days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds "+
    //displaymessage+closetags)
    document.countupnsmain.document.countupnssub.document.close()
    }
    else if (document.all||document.getElementById)
    crosscount.innerHTML=opentags+dday+" Tage"+" und "+dhour+" Stunden "+displaymessage+closetags
    //crosscount.innerHTML=opentags+"Es sind bereits "+dday+" Tage"+" und "+dhour+" Stunden "+"seit der letzten Unfallmeldung vergangen"+displaymessage+closetags
    //" Tage, "+dhour+" Stunden, "+dmin+" Minuten und "+dsec+" Sekunden "+
    //displaymessage+closetags

    setTimeout("countup()",1000)
    }
    </script></div></font></table>

    </td>
    </tr>
    <tr>
    <td align="center"><font face="Verdana" size="4">seit der letzten
    Unfallmeldung vergangen</font></td>
    </tr>