我想让下面的setinterval（）在到达最后一张幻灯片时重新开始，我有三个div，但幻灯片到达第三个div时停止，我想让它从第一张开始重新开始。
我的Html代码
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="jquery.min.js"></script>
<script src="myjava.js"></script>
</head>
<body>
<div class="container">
<div id="slide1" class="slider1">My first slide goes here</div>
<div id="slide2" class="slider2">My second slide goes here</div>
<div id="slide3" class="slider3">My third slide goes here</div>
下面是我的Java代码
jQuery(function($){
var currentDIV = $("#slide1");
var nextDIV, count = 1;
var myInterval = setInterval(function(){
currentDIV.hide();
currentDIV = currentDIV.next();
currentDIV.show();
}, 2000);
});
最合适的回答,由SO网友:tousignant.christopher 整理而成
HTML
<div class="container" id="slider-container">
<div id="slide1" class="slider-slide">My first slide goes here</div>
<div id="slide2" class="slider-slide">My second slide goes here</div>
<div id="slide3" class="slider-slide">My third slide goes here</div>
</div>
Javascript
( function( $ ){
let firstDIV = currentDIV = $( \'#slider-container div\' ).first();
if( firstDIV.length > 0 ){
setInterval( () => {
currentDIV = currentDIV.hide().next();
if( currentDIV.length === 0 )
currentDIV = firstDIV;
currentDIV.show();
}, 2000);
}
} )(jQuery, undefined);
