javascript - 如何将while循环添加到随机发生器-6ren

javascript - 如何将while循环添加到随机发生器

转载作者：行者123 更新时间：2023-11-28 08:41:50

我正在尝试学习 JavaScript 并制作了一个网站，该网站从数组中随机生成 gifs onclick。

我现在想做的是插入一个 while 循环，以便它将 currentgif 与下一个随机图像进行比较，因此不会显示重复项，但我不太清楚我做错了什么，很可能是语法问题。

HTML

<!DOCTYPE html>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<html>

    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="js/rand.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <head>
        <title>Randomizer</title>
    </head>

    <body> 

        <p>This image is random</p>
        <a href="#" class="click">
            <section> 
                <img>
                    <script>
                        getRandomImage()
                    </script>
                </img>  
            </section>
        </a>

    </body>

</html>

JavaScript

var randomImage = new Array();

randomImage[0] = "images/1.gif";
randomImage[1] = "images/2.gif";
randomImage[2] = "images/3.gif";

function getRandomImage() { 
    var number = Math.floor(Math.random()*randomImage.length);
    document.write('<img src="'+randomImage[number]+'" />');
}

$(function() {
    $('a.click').click(function(e) {
        e.preventDefault();
        var number = Math.floor(Math.random()*randomImage.length);
        $(this).html('<img src="'+randomImage[number]+'" />');
    });
});

最佳答案

你首先需要得到它是哪张图片:

function returnImgNum(){
    var imgNum = parseInt($('img').attr('src').split("/")[1].replace('.gif', ""));
    return imgNum;
}

然后制作一个可循环的函数(或者只是制作一个 while 循环，我喜欢这样做)

function placeRand(number){
    if(number != returnImgNum()){
        document.write('<img src="'+randomImage[number]+'" />');
    } else {
        placeRand(number){
    }
}

然后将该比较器循环添加到您的函数中:

function getRandomImage() { 
    var number = Math.floor(Math.random()*randomImage.length);
    placeRand(number);
}

关于javascript - 如何将while循环添加到随机发生器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27786169/

文章推荐： css - 设置 xlink :href attribute of an svg element with CSS

文章推荐： css - 背景图像大小不适用于移动设备

文章推荐： javascript - TinyMCE 3.x 仅在 IE 中转义字符

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何将while循环添加到随机发生器