Wie macht man einen Counter der automatisch zwischen den Zahlen 15-30 wechselt ?

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 !

Der hier verwendete 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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!