js loop
var colors=["red","blue","green"];
for (let i = 0; i < colors.length; i++) {
console.log(colors[i]);
}js loop
var colors=["red","blue","green"];
for (let i = 0; i < colors.length; i++) {
console.log(colors[i]);
}javascript loop
let array = ['Item 1', 'Item 2', 'Item 3'];
for (let index = 0; index < array.length; index++) {
console.log("index", index);
console.log("array item", array[index]);
}loop javascript
<body>
<h2>Automatic Slideshow</h2>
<p>Change image every 5 seconds:</p>
<div class="slideshow-container">
<div class="mySlides fade">
<img src="img_nature_wide.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="img_snow_wide.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="img_mountains_wide.jpg" style="width:100%">
</div>
</div>
<br>
<div class="row">
<div class="column">
<img id="myBtn" class="demo cursor stop_loop" src="img_woods.jpg" style="width:100%" onclick="currentSlide(0); breakLoop();">
</div>
<div class="column">
<img id="myBtn" class="demo cursor stop_loop" src="img_5terre.jpg" style="width:100%" onclick="currentSlide(1)">
</div>
<div class="column">
<img id="myBtn" class="demo cursor stop_loop" src="img_mountains.jpg" style="width:100%" onclick="currentSlide(2)">
</div>
</div>
<script>
var slideIndex = 0; //indica che parto dall'immagine n.1
showSlides();
// script per lo slide delle immagini al click
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
// funzione per mostrare le slides
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
var exitLoop = 0; //interrompere il loop al click delle immagini
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
enter code here
if(exitLoop == 0) {
setTimeout(showSlides, 5000); // Change image every 5 seconds
}
}
</script>
</body>
</html>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
