kostenloser Webspace werbefrei: lima-city


jquery Clock

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    l*******k

    Hey,

    habe etwas gefunden, aber leider nicht das richtige das ich brauche, kennt sich jemand ein bisschen besser mit jquery aus?

    möchte gerne so den Uhr aufbau haben -> 01.08.2011 - 23:04 Uhr

    habe hier das gefunden, aber bring diese irgendwie nicht so hin wie meine alte:
    http://marco.seaside-graphics.de/program…nzeige-ausgeben

    Die Sekundenanzeige brauche ich nicht unbedingt.

    Danke
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. lokalbook schrieb:
    Hey,

    habe etwas gefunden, aber leider nicht das richtige das ich brauche, kennt sich jemand ein bisschen besser mit jquery aus?

    möchte gerne so den Uhr aufbau haben -> 01.08.2011 - 23:04 Uhr

    habe hier das gefunden, aber bring diese irgendwie nicht so hin wie meine alte:
    http://marco.seaside-graphics.de/program…nzeige-ausgeben

    Die Sekundenanzeige brauche ich nicht unbedingt.

    Danke

    <?php
    printf ('Wir haben es: %s', date ('d.m.Y - H:i:s'));
    ?>

  4. Autor dieses Themas

    l*******k

    Hey,

    bräuchte eine mit iquery genauso wie deine gerade ist, das diese automatisch weiterläuft und man nicht aktualisieren muss.

    Danke trotzdem

    Beitrag zuletzt geändert: 2.8.2011 22:48:26 von lokalbook
  5. Du brauchst dafür nicht unbedingt jQuery: http://www.elated.com/articles/creating-a-javascript-clock/

    Beitrag zuletzt geändert: 2.8.2011 22:54:55 von silecom
  6. Autor dieses Themas

    l*******k

    die uhr funktioniert leider nicht, wird nichts angezeigt hab nochmals nach andere gesucht aber überall muss aktualisiert werden.
  7. Also bei mir funktioniert sie hier ganz normal. Was für einen Browser verwendest du denn?

    Beitrag zuletzt geändert: 3.8.2011 0:09:44 von silecom
  8. Quick, Dirty & very classical:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    		<title>JS Uhr</title>
    	</head>
    	<body>
    		<span id='clock'>L&auml;dt...</span>
    		<script type="text/javascript">
    			//<![CDATA[
    			function datumundzeit() {
    				var jetzt = new Date(),
    					tag = jetzt.getDate(),
    					monat = jetzt.getMonth() + 1,
    					jahr = jetzt.getFullYear(),
    					stunden = jetzt.getHours(),
    					minuten = jetzt.getMinutes(),
    					sekunden = jetzt.getSeconds(),
    					datum = null,
    					zeit = null;
    					
    				monat = ((monat < 10) ? '0' + monat : monat);
    				tag = ((tag < 10) ? '0' + tag : tag);
    				minuten = ((minuten < 10) ? '0' + minuten : minuten);
    				sekunden = ((sekunden < 10) ? '0' + sekunden : sekunden);
    				
    				datum = tag + '.' + monat + '.' + jahr;
    				zeit = + stunden + ':' + minuten + ':' + sekunden;
    				
    				document.getElementById('clock').innerHTML = datum + ' - ' + zeit + ' Uhr';
    			}
    
    			window.onload = function () {
    				setInterval(datumundzeit, 1000);
    			};
    			//]]>
    		</script>
    	</body>
    </html>


    Wie (fast) immer ungetestet.

    Beitrag zuletzt geändert: 3.8.2011 0:27:56 von fabo
  9. Autor dieses Themas

    l*******k

    meeeegaa cool, danke fabo.

    noch kurz ne frage wieso wird die Uhrzeit unterstrichen, bring das nicht ganz weg weil "Registrieren" ist auch unterstrichen und das geht dann irgendwie in die Uhrzeit weiter da ist irgendwas nicht ausgeschaltet?

    <li id="userMenuLogin" class="options"><a href="https://www..com/de/myaccount/login.html?s=51241584bd80fc49e6c500e06c107e6617b2295f" id="loginButton"><img src="http://lokalbook.wmw.cc/Lokalbook/HP/images/menu/key.gif" alt="" id="loginButtonImage"> <span>Anmelden</span></a> oder </li>
    															<li id="userMenuLogin" class="options"><a href="https://www..com/de/myaccount/login.html?s=51241584bd80fc49e6c500e06c107e6617b2295f" id="loginButton"><img src="http://lokalbook.wmw.cc/Lokalbook/HP/images/menu/logins.gif" alt="" id="loginButtonImage"> <span>Registrieren</span></a></li>
    </ul><li id="time" class="right">
    	<body>
    		<span id='clock'>L&auml;dt...</span>
    		<script type="text/javascript">



    //EDIT: Des liegt an </ul><li id="time" class="right">
    wenn ich statt time z.B. Clock reinschreib funktioniert es aber wo ist des mit time gespeichert das es unterstrichen werden soll?


    Gruß Tobi

    Beitrag zuletzt geändert: 3.8.2011 0:49:23 von lokalbook
  10. 1. Hier noch die "Alternative" mit JQuery:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>JS Uhr</title>
        </head>
        <body>
            <span id='clock'>L&auml;dt...</span>
            
            <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
            <script type="text/javascript">
                //<![CDATA[
                $(document).ready(function () {
                    setInterval(function () {
                        var jetzt = new Date(),
                            tag = jetzt.getDate(),
                            monat = jetzt.getMonth() + 1,
                            jahr = jetzt.getFullYear(),
                            stunden = jetzt.getHours(),
                            minuten = jetzt.getMinutes(),
                            sekunden = jetzt.getSeconds(),
                            datum = null,
                            zeit = null;
    
                        monat = ((monat < 10) ? '0' + monat : monat);
                        tag = ((tag < 10) ? '0' + tag : tag);
                        minuten = ((minuten < 10) ? '0' + minuten : minuten);
                        sekunden = ((sekunden < 10) ? '0' + sekunden : sekunden);
    
                        datum = tag + '.' + monat + '.' + jahr;
                        zeit = +stunden + ':' + minuten + ':' + sekunden;
    
                        $('#clock').html(datum + ' - ' + zeit + ' Uhr');
                    }, 1000);
                });
                //]]>
            </script>
        </body>
    </html>


    2. Zeig mal bitte den ganzen Code, da in dem, was du mir da zeigst nur zwei Syntaxfehler ersichtlich sind. Ferner würde ich mir mal die CSS-Klasse "right" und/oder die Deklaration der ID "time" ansehen. li gehört in ein ul und body gehört nicht mitten in das Dokument.
  11. Autor dieses Themas

    l*******k

    <!-- Start: Site Header -->
    	<div id="siteHeader" class="header99">
    		<a id="top"></a>
    		
    		<p class="skipNavigation"><a href="#skipPoint" title="Navigation überspringen">Zum Seiteninhalt springen</a></p> <!-- support for disabled surfers -->
    		
    		<!-- Start: Site User Bar -->
    		<div id="siteUserBar">
    			<div class="userPanel" id="userPanel">
    				<div class="userPanelInner">
    					<p id="userNote">
    						Willkommen!</p>
    					<div id="userMenu">
    						<ul>
    															<li id="userMenuLogin" class="options"><a href="https://www..com/de/myaccount/login.html?s=51241584bd80fc49e6c500e06c107e6617b2295f" id="loginButton"><img src="http://lokalbook.wmw.cc/Lokalbook/HP/images/menu/key.gif" alt="" id="loginButtonImage"> <span>Anmelden</span></a> oder </li>
    															<li id="userMenuLogin" class="options"><a href="https://www..com/de/myaccount/login.html?s=51241584bd80fc49e6c500e06c107e6617b2295f" id="loginButton"><img src="http://lokalbook.wmw.cc/Lokalbook/HP/images/menu/logins.gif" alt="" id="loginButtonImage"> <span>Registrieren</span></a></li>
    <ul><li id="clock" class="right">
    <body>
            <span id='clock'>L&auml;dt...</span>
            
            <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
            <script type="text/javascript">
                //<![CDATA[
                $(document).ready(function () {
                    setInterval(function () {
                        var jetzt = new Date(),
                            tag = jetzt.getDate(),
                            monat = jetzt.getMonth() + 1,
                            jahr = jetzt.getFullYear(),
                            stunden = jetzt.getHours(),
                            minuten = jetzt.getMinutes(),
                            sekunden = jetzt.getSeconds(),
                            datum = null,
                            zeit = null;
    
                        monat = ((monat < 10) ? '0' + monat : monat);
                        tag = ((tag < 10) ? '0' + tag : tag);
                        minuten = ((minuten < 10) ? '0' + minuten : minuten);
                        sekunden = ((sekunden < 10) ? '0' + sekunden : sekunden);
    
                        datum = tag + '.' + monat + '.' + jahr;
                        zeit = +stunden + ':' + minuten + ':' + sekunden;
    
                        $('#clock').html(datum + ' - ' + zeit + ' Uhr');
                    }, 1000);
                });
                //]]>
            </script>
        </body>
    					</ul>
    					</div>
    				</div>
    			</div>
    		</div>
    		<!-- End: Site User Bar -->


    hier der ist mit jquery, kannst du den vielleicht nochmals drüberschaun und evtl. berichtigen?

    Danke Gruß Tobi

    Beitrag zuletzt geändert: 3.8.2011 0:55:50 von lokalbook
  12. Das sieht ja schlimm aus. Machen wir anders: Zeig mir mal bitte das Dokument im Internet. Ich muss das live sehen.

    Aber nur so nebenbei: Wundern tut mich nichts. Du sollst nicht nur kopieren, sondern auch etwas daraus lernen...
  13. Autor dieses Themas

    l*******k

    hab dir ihn per pm geschickt, will nicht gleich ganz veröffentlichen :D

    Danke dir
  14. Daraus musst du kein Geheimnis machen. Deine schlecht geklaute Seite kennt mittlerweile eh so ziemlich jeder ;)
  15. 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!