kostenloser Webspace werbefrei: lima-city


kleiner countdown

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    lol-fighter

    lol-fighter hat kostenlosen Webspace.

    Hallo

    Also Ich möchte eine Page erstellen auf der echtzeit-bilder meiner webcam angezeigt werden.
    Dises bilder werden alle 10 sekunden aktuallisiert. und um anzuzeigen wann das nächste bild kommt möchte ich einen kleinen countdown unter dem bild einfügen.
    Der soll von 10-0 runter zählen und dann die gesammte seite neu laden (damit das neue bild angezeigt wird)

    könnte mir da jemand weiter helfen?
    ist sowas mit java möglich?
    wenn nicht womit würds gehen?

    wäre sehr dankbar

    lg

    Beitrag zuletzt geändert: 23.7.2010 14:54:50 von lol-fighter
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Falsches Forum.
    was du meinst ist JavaSCRIPT, das hat bis auf den Namen nix mit Java zu tun.

    Zu deinen Fragen:
    Ja, das ist mit JavaScript möglich.

    var t = 10;
    var interval;
    function count()
    {
        interval = window.setInterval("decrease()", 1000);
    }
    
    function decrease()
    {
        if(t > 0)
        {
            --t;
           document.getElementById('timer').innerHTML = t + '';
        }
        else
        {
            window.clearInterval(interval);
            window.location.href = '<hier deine seite einfügen>';
        }
    }


    und im HTML-Code muss dann irgendwo noch
    <div id="timer"></div>

    eingefügt werden.

    edit: aufrufen musst du die Funktion count() auch noch irgendwo
    am besten mit
    <body onload="count()">


    mfg

    ps: das ganze ist ungetestet

    Beitrag zuletzt geändert: 23.7.2010 15:09:31 von syberpsace
  4. Autor dieses Themas

    lol-fighter

    lol-fighter hat kostenlosen Webspace.

    vielen dank.. könnte ein amdin bite das thema verschieben?

    aber ich kenn mich da nicht so aus :holy:
    wo bzw wie muss ich das script anwenden? muss dsa in ne externe datei oder wie?
    wen ichs so wies da steht einfüge wird er auf der homepage als normaler text angeigt !?

    und unter
    window.location.href = '<hier deine seite einfügen>';

    muss ich da den link reingeben vond er seite wo der counter hinsoll?

    lg
  5. Lies dich doch bitte einfach in die JavaScript thematik ein
    de.selfhtml.org sollte dir dabei helfen.

    bei
    window.location.href = '<hier deine seite einfügen>';

    muss die Seite rein, die nach ablauf des Countdowns aufgerufen werden soll.

    mfg
  6. Autor dieses Themas

    lol-fighter

    lol-fighter hat kostenlosen Webspace.

    danke

    aber iregndwie funzt das nicht !?

    quelltext sieht so aus

    <html>
    
    
    <head>
    <title>Home-Webcam</title>
    <meta http-EQUIV="pragma" content="no-cache">
    <script language="javascript">
    var t = 10;
    var interval;
    function count()
    {
        interval = window.setInterval("decrease()", 1000);
    }
    
    function decrease()
    {
        if(t > 0)
        {
            --t;
           document.getElementById('timer').innerHTML = t + '';
        }
        else
        {
            window.clearInterval(interval);
            window.location.href = '<http://lol-fighter.lima-city.de/Webcam/home.html>';
        }
    }
    </script>
    
    </head>
    
    <body>
     <center>
     <img src="http://lol-fighter.lima-city.de/Webcam/kabcam.jpg">
    <div id="t"></div>
    </center>
    </body>
    
    </html>
  7. weil es nicht
    <script languag="javascript">

    sonder
    <script type="text/javascript">

    sein müsste.

    ausserdem rufst du die funktion count nie auf

    dazu musst du
    <body>

    durch
    <body onload="count()">

    ersetzen

    edit:

    ausserdem muss
    <div id="t">

    richtigerweise
    <div id="timer">

    lauten

    mfg

    Beitrag zuletzt geändert: 23.7.2010 15:47:42 von syberpsace
  8. Autor dieses Themas

    lol-fighter

    lol-fighter hat kostenlosen Webspace.

    habs geändert aber funzt trotsdem noch nicht ?!

    ich danke dir trotsdem schon mal sehr für deine hilfe !
  9. es funzt sehrwohl:
    du hast nur einen tippfehler
    <script type="text/javascript>
    var t = 10;


    hier fehlt ein "
    nach javascript


    edit:
    und hier
    window.location.href = '<http://lol-fighter.lima-city.de/Webcam/home.html>';


    muss das < und > weg


    mfg

    Beitrag zuletzt geändert: 23.7.2010 15:47:20 von syberpsace
  10. Autor dieses Themas

    lol-fighter

    lol-fighter hat kostenlosen Webspace.

    ah jz gehts.. aber du hast nen tip fehler.. ich habs nur kopiert *gg*

    trotsdem großer dankeschön an dich !
  11. t*********f

    Kopiere diesen Quellcode in einen Editor und speichere ihn unter Test.htm auf deinen Webspace:

    <html>
    <head>
    <script type="text/javascript">	
    var t = 10;
    var interval;
    function count()
    {
        interval = window.setInterval("decrease()", 1000);
    }
    
    function decrease()
    {
        if(t > 1)
        {
            --t;
           document.getElementById('timer').innerHTML = t + ' Sekunden.';
        }
        else
        {
            window.clearInterval(interval);
            window.location.href = 'Test.htm';
        }
    }
    </script>
    </head>
    <meta http-EQUIV="pragma" content="no-cache">
    <title>Countdown</title>
    <body onload="count()">
    <center>
    <img src="http://lol-fighter.lima-city.de/Webcam/kabcam.jpg">
    <br>
    Nächste Aktualisierung in <div id="timer">10 Sekunden</div>
    </center>
    
    </body></html>


    Noch nach belieben anpassen und fertig.


    Beitrag zuletzt geändert: 23.7.2010 15:53:09 von tb-arnstorf
  12. Autor dieses Themas

    lol-fighter

    lol-fighter hat kostenlosen Webspace.

    hm soweit funkt es nur sobald der timer auf 0 ist läds kurz und dan kommt ne error page.. "seite konnte nicht gefunden werden"
    hab schon andere adressen veruscht.. funktioniert nicht !?

    geht bei beiden scripten nicht

    edit:
    doch jz gehts.. jz hatte ich nen tipp fehler ^^

    ich danke euch beiden sehr für eure hilfe


    edit2:
    oke jz funznt alles nur1 noch nicht.. er aktuallisiert nicht richtig. sprich er läd das bild nicht neu erst wenn ich F5 drücke gehts.
    liegt das am script oder am browser?

    heir die adresse
    http://lol-fighter.lima-city.de/Webcam/test.htm
    lg

    Beitrag zuletzt geändert: 23.7.2010 16:00:13 von lol-fighter
  13. christian1603

    Kostenloser Webspace von christian1603

    christian1603 hat kostenlosen Webspace.

    lol-fighter schrieb: hm soweit funkt es nur sobald der timer auf 0 ist läds kurz und dan kommt ne error page.. "seite konnte nicht gefunden werden"
    hab schon andere adressen veruscht.. funktioniert nicht !?

    geht bei beiden scripten nicht

    edit:
    doch jz gehts.. jz hatte ich nen tipp fehler ^^

    ich danke euch beiden sehr für eure hilfe


    edit2:
    oke jz funznt alles nur1 noch nicht.. er aktuallisiert nicht richtig. sprich er läd das bild nicht neu erst wenn ich F5 drücke gehts.
    liegt das am script oder am browser?

    heir die adresse
    http://lol-fighter.lima-city.de/Webcam/test.htm
    lg


    Am Browser.
    Da das Bild im Cache gespeichert wird.
    füge das ganz oben ein:
    <meta http-equiv="pragma" content="no-cache">
  14. t*********f



    Am Browser.
    Da das Bild im Cache gespeichert wird.
    füge das ganz oben ein:
    <meta http-equiv="pragma" content="no-cache">



    Dieser meta-Eintrag wirkt sich leider nicht auf Grafiken aus:frown:

    Teste mal diesen Code
    <html>
    <head>
    <meta http-equiv="expires" content="3">
    <meta http-EQUIV="pragma" content="no-cache">
    <script type="text/javascript">	
    var t = 10;
    var interval;
    function count()
    {
        interval = window.setInterval("decrease()", 1000);
    }
    
    function decrease()
    {
        if(t > 1)
        {
            --t;
           document.getElementById('timer').innerHTML = t + ' Sekunden.';
        }
        else
        {
            window.clearInterval(interval);
            window.location.href = 'Test.php';
        }
    }
    </script>
    </head>
    <title>Countdown</title>
    <body onload="count()">
    <center>
    <?	
    $zahl = rand();
    echo "<img src=\"http://lol-fighter.lima-city.de/Webcam/kabcam.jpg?".$zahl."\">";
    ?>
    <br>
    Nächste Aktualisierung in <div id="timer">10 Sekunden</div>
    </center>
    
    </body></html>


    Wichtig: Das ganze diesmal als Test.php speichern!

    Beitrag zuletzt geändert: 23.7.2010 16:31:50 von tb-arnstorf
  15. Autor dieses Themas

    lol-fighter

    lol-fighter hat kostenlosen Webspace.

    ja damit funktionierts !

    danke
  16. t*********f

    lol-fighter schrieb:
    ja damit funktionierts !

    danke


    Schön das es geholfen hat, und gutes gelingen für dei Projekt.

    Beitrag zuletzt geändert: 23.7.2010 16:53:42 von tb-arnstorf
  17. Autor dieses Themas

    lol-fighter

    lol-fighter hat kostenlosen Webspace.

    sry muss nochmal stören.
    Ich will hier echt keinem auf den wecker gehen oder so aber wäre toll wenn mir nochmal jemand helfen könnte :)
    ist es recht kompliziert das script von tb-arnstorf so zumzuschreiben dass nur das bild neu läd und nicht die gesammte seite?
    würde nähmlich gerne noch ein kleines flashgame einbetten doch das bringt nichts wenn das spiel alle 10 sekunden neu startet ^^

    würde mich nochmals sehr über antwort freuen..
    falls mich jemand von euch mal bei fortgehen sieht bekommt er was zu trinken von mir :D

    lg
  18. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!