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>