Loading:

Zaplanuj Przeprowadzke - Ściągnij Darmową Aplikację na Androida

Zegar analogowy na stronie

Pierwszą część wrzucamy w head strony a resztę w miejscu, gdzie ma pojawić się zegar.



Napisz Artykuł

Listing

 <script type="text/javascript">
        var onl=window.onload||Function;
        onload=function(){
            var d=10;
            var w=400;
            var h=300;
            var z=document.getElementById('zegar');
            z.style.position='relative';
            var t=[];
            for(var i=1;i<4;i++){
                t[i]=[];
                for(var j=1;j<=d;j++){
                    var el=document.createElement('span');
                    el.style.position='absolute';
                    el.style.fontSize='40px';
                    el.appendChild(document.createTextNode('.'));
                    z.appendChild(el);
                    t[i][j]=el;
                }
            }
           
            (function(){
                var a=[];
                with(new Date()){
                    a[3]=getSeconds()*6;
                    a[2]=getMinutes()*6;
                    a[1]=getHours()*30;
                }
                for(var i=1; i<4; i++){
                    for(var x=1; x<=d; x++){
                        with(t[i][x].style){
                            top=Math.sin((a[i]-90)*Math.PI/180)*i*x*h/d/6+h/|>2-36+'px';
                            left=Math.cos((a[i]-90)*Math.PI/180)*i*x*w/d/6+w/|>2+'px';
                        }
                    }
                }  
                setTimeout(arguments.callee, 1000);
            })();
        }
        </script>


 <span id="zegar"></span>  <script type="text/javascript">  o=document.getElementById('zegar') setInterval('o.innerHTML=/[\\d:]{8}/.exec(Date())',1e3) </script>


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=4923

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: indexx Ranga: Poziom 3 Punktów: 50
Komentarze użytkowników
Wydaje mi się, że wszystko dobrze robię, ale nie działa... Poniżej daje kod jaki mam w pliku, nie ma tych znaczników typu bo to tylko plik testowy, chce po prostu zobaczyć jak skrypt wygląda.
  • Zobacz kod dodany do tego wpisu
    • <html>
      <head>
      <script type="text/javascript">
              var onl=window.onload||Function;
              onload=function() {
                      var d=10;
                      var w=400;
                      var h=300;
                      var z=document.getElementById('zegar');
                      z.style.position='relative';
                      var t=[];
                      for(var i=1;i<4;i++) {
                              t[i]=[];
                              for(var j=1;j<=d;j++) {
                                      var el=document.createElement('span');
                                      el.style.position='absolute';
                                      el.style.fontSize='40px';
                                      el.appendChild(document.createTextNode('.'));
                                      z.appendChild(el);
                                      t[i][j]=el;
                              }
                      }

                      (function() {
                              var a=[];
                              with(new Date()) {
                                      a[3]=getSeconds()*6;
                                      a[2]=getMinutes()*6;
                                      a[1]=getHours()*30;
                              }
                              for(var i=1; i<4; i++) {
                                      for(var x=1; x<=d; x++) {
                                              with(t[i][x].style) {
                                                      top=Math.sin((a[i]-90)*Math.PI/180)*i*x*h/d/6+h/|>2-36+'px';
                                                      left=Math.cos((a[i]-90)*Math.PI/180)*i*x*w/d/6+w/|>2+'px';
                                              }
                                      }
                              }  
                              setTimeout(arguments.callee, 1000);
                      })();
              }
      </script>
      </head>
      <body>
      <span id="zegar"></span>
      <script type="text/javascript">
              o=document.getElementById('zegar')
              setInterval('o.innerHTML=/[\\d:]{8}/.exec(Date())',1e3)
      </script>
      </body>
      </html>
autor: sebulek | 5461 | 2010-03-18 22:17:43


    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors