kostenloser Webspace werbefrei: lima-city

JS Uhr jQuery alle x Sekunden DIV neu laden load()

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. «
2. 1
3. 2

1. fabo

   fabo hat kostenlosen Webspace.

   15:45, 9.10.2011

   und im document.ready dann sowas wie $("#digitaluhr").html("<br />LOADING<br/>bitte warten");
   schön machen mit ner Grafik kann ich es ja immernoch an der Stelle

   
   
   Nein. Das Element "digitaluhr" soll ganz ohne Javascript einen Default-Wert erhalten. Sonst ist das sinnfrei.
   
   

   <div id="digitaluhr"><br />LOADING<br/>bitte warten</div>

   
   
   Ausgehend davon, dass du das so machst, würde ich das JS der Korrektheit wegen in etwa so aufbauen:
   
   

   <script type="text/javascript" language="JavaScript">
   /* <![CDATA[ */
   // ------ Start-Werte von Serverzeit ------
   
   var uhrs = <?php echo date('G', $xtime); ?>,
       umin = <?php echo date('i', $xtime); ?>,
       usec = <?php echo date('s', $xtime); ?>,
       udow = <?php echo date('w', $xtime); ?>,
       uday = <?php echo date('d', $xtime); ?>,
       umon = <?php echo date('m', $xtime); ?>,
       uyea = <?php echo date('Y', $xtime); ?>,
       tgmn = <?php echo date('t', $xtime); ?>,
       dow = ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
       weekday = dow[udow];
   
   // --------------------------
   
   $(document).ready(function () {
       setInterval(function () {
           usec += 1;
   
           var vhrs = 0,
               vmin = 0,
               vsec = 0,
               vday = 0,
               vmon = 0,
               vyea = 0,
               ausgabe = '';
   
           if (usec > 59) {
               usec = 0;
               umin += 1;
           }
           if (umin > 59) {
               umin = 0;
               uhrs += 1;
           }
           if (uhrs > 23) {
               uhrs = 0;
               uday += 1;
               if (udow === 6) {
                   udow = -1;
               }
               weekday = dow[(udow + 1)];
           }
   
           if (uday > tgmn) {
               uday = 1;
               if (umon === 12) {
                   umon = 1;
                   uyea += 1;
               } else {
                   umon += 1;
               }
           }
   
           if (uhrs <= 9) {
               vhrs = '0' + uhrs;
           } else {
               vhrs = uhrs;
           }
           if (umin <= 9) {
               vmin = '0' + umin;
           } else {
               vmin = umin;
           }
           if (usec <= 9) {
               vsec = '0' + usec;
           } else {
               vsec = usec;
           }
   
           if (uday <= 9) {
               vday = '0' + uday;
           } else {
               vday = uday;
           }
           if (umon <= 9) {
               vmon = '0' + umon;
           } else {
               vmon = umon;
           }
           if (uyea <= 9) {
               vyea = '0' + uyea;
           } else {
               vyea = uyea;
           }
           
           ausgabe = '<span class="uwday">' + weekday + '</span><br /><span class="uzeit">' + vhrs + ':' + vmin + ':' + vsec + '</span><br /><span class="udate">' + vday + '.' + vmon + '.' + vyea + '</span>';
   
           $("#digitaluhr").html(ausgabe);
       }, 1000);
   });
   /* ]]> */
   </script>

   
   
   Bzgl. der Feiertage: Das musst du selbst wissen :)
   
   Beitrag zuletzt geändert: 9.10.2011 15:54:10 von fabo

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

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

1. «
2. 1
3. 2

Dir gefällt dieses Thema?