javascript - 如何使这个 javascript slider 循环随机

Question

我正在构建一个小项目来帮助更好地理解 Javascript。我希望有人能告诉我如何制作这个 slider 循环，我必须在每次按下 pbfNext() 函数时都是随机的。

我不需要知道这只是 javascript 的 jquery 版本。谢谢。

Javascript:

var slideIndex = 1;
showSlides(slideIndex);

function pbfNext(n) {
    showSlides(slideIndex += n);
  }

function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("worksheet");
    if (n > slides.length) {slideIndex > 1} 
    if (n < 1) {slideIndex = slides.length}
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none"; 
    }
    slides[slideIndex-1].style.display = "block"; 
  }

HTML:

    <div class="worksheet">
        <iframe src="\Users\andrew.lee\Desktop\Publifiedlabs\Admin\Programming\JS-Rand-Worksheets-v1.0\arrays.html" class="pbf-iframe"></iframe>
    </div>
    <div class="worksheet">
            1<iframe src="\Users\andrew.lee\Desktop\Publifiedlabs\Admin\Programming\JS-Rand-Worksheets-v1.0\arrays.html" class="pbf-iframe"></iframe>
    </div>
    <div class="worksheet">
            2<iframe src="\Users\andrew.lee\Desktop\Publifiedlabs\Admin\Programming\JS-Rand-Worksheets-v1.0\arrays.html" class="pbf-iframe"></iframe>
    </div>

Answer 1

将 if (n > slides.length) {slideIndex > 1} 更改为:

if (n >= slides.length) { slideIndex = 0 }

为了随机性，将 pbfNext 函数替换为:

function pbfNext() {
  var randomIndex = Math.floor(Math.random() * slides.length);
  showSlides(randomIndex);
}