javascript - 随机切换不起作用

Question

这是我当前的 jScript 代码:

(修改后的 STILL 不起作用)

function changeBG(){
    document.getElementById('imgbox').src = switch(eval(rand())){

                                                case 1: "img/img3.jpg"; 
                                                        break;
                                                case 2: "img/img2.jpg"; 
                                                        break;
                                                case 3: "img/img3.jpg"; 
                                                        break;
                                                case 4: "img/img4.jpg"; 
                                                        break; 
                                                case 5: "img/img5.jpg"; 
                                                        break; 
                                                default: "img/background.jpg"; 
                                                        break;
                                                }

}

function rand(){
    return (Math.ceil((Math.random()*10)/2));
}

我的 HTML:

<input id="BGchange" type="button" onclick="changeBG()" value=">"/>

如果我这样做:

document.getElementById('imgbox').src = "img/img1.jpg";

一切正常:我点击我的按钮，图像发生变化，没问题。事实是，每次单击按钮时，我希望图像更改为 5 之间的随机图像；为此，我想使用一个可以在其中随机选择的开关。

我的编码有什么问题？! :((我不会使用 jQuery 或任何东西，只能使用纯 javascript、html 和 css，至少教授是这么说的)

谢谢<3

Answer 1

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch

开关语句“执行”您的字符串(“img/imgX.jpg”)而不是返回它们，因此您可能希望将开关放在一个函数中然后执行

case 1: return "img/img3.jpg";
...

请记住，switch 语句的每个 case 都必须以 break 结束，否则下面的 case-Blocks 也会被执行!