basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    Hey ich habe gerade ein neues Projekt wo ich einen Counter erstellen möchte der automatisch und zufällig zwischen den Zahlen 15- 30 wechselt in einem Abstand von 2 Sekunden. Könnest du mir zeigen wie so ein Html Code aussehen würde ? Ich bin für Deine Hilfe dankbar ! Die besten Grüße !

    Code

                                        
                                    <!doctype html>
    <html lang="de">
    <head>
      <title>Lernstunde</title>
      <style>
         *{
        margin:0;
       padding:0;
      }
      nav  ul{
        display:flex;
      }
      nav ul li{
        flex:1;
        list-style:none;
        font-size:20px;
        height:25px;
        text-align:center;
        background:rgba(233,233,33,0.7);
      }
      
      #wrapper{
        display:flex;
            height:calc(100vh - 75px);
      }
      aside{
        flex:1;
        display:flex;
        flex-direction:column;
        text-align:center;
        height:100%;
        background:rgba(222,0,20,0.6);
      }
      aside p{
        font-size:80px;
      }
      main{
        background:rgba(0,0,222,0.6);
        display:flex;
        flex:6;
        flex-direction:column;
    
      }
      main > .box{
       text-align:center;
      }
      footer{
       position:absolute;
        height:50px;
        bottom:0;
        width:100%;
        background:rgba(0,222,0,0.5);
      }
      hr{
       border:2px solid black;
      }
      .wasistlos{
      font-size:22px;
      text-decoration:underline;
      display:block;
      font-weight:900;
      text-align:center;
    }
      </style>
    </head>
    <body>
        <nav>
            <ul>
                <li><a href="?link=link1">link1</a></li>
                <li><a href="?link=link2">link2</a></li>
                <li><a href="?link=link3">link3</a></li>
                <li><a href="?link=link4">link4</a></li>
            </ul>
        </nav>
        <div id="wrapper">
            <aside>
                <p>a</p>
                <p>s</p>
                <p>i</p>
                <p>d</p>
                <p>e</p>
            </aside>
            <main>
                 <div class="box" id="bereich1">
                        Das ist der Bereich 1
                 </div>
                 <hr>
                 <div class="box" id="bereich2">
                        Das ist der Bereich 2
                 </div>
            </main>
            <aside>
                 <p>a</p>
                 <p>s</p>
                 <p>i</p>
                 <p>d</p>
                 <p>e</p>
            </aside>
        </div>
        <footer>
             FOTTER
             <div id="counter">
                 <span class="wasistlos">Aktuell Online  = 
                      <span id="jetzt"></span> 
                 </span>
             </div>
        </footer>
      <script>
         var min = 15;// altuell zufall  minimum
    var max = 30;// altuell zufall  maximum
    var reloadtime=2000;// Sekunden * 1000 reloadzeit counter
    setInterval(zufall, reloadtime);
    function zufall(){
       var besucherjetzt = Math.round(Math.random() * (max - min)) + min;
       document.getElementById('jetzt').innerHTML=besucherjetzt;
    }
    zufall();
        
      </script>
     </body>
    </html>