javascript中具有不同图像的表_Javascript

javascript中具有不同图像的表

javascript

javascript中具有不同图像的表,javascript,Javascript,我正在尝试使用javascript构建一个包含不同图像的2*2表，这样插入的两张图片就不会重复。我是javascript新手，请帮助我编写以下代码我编写了diffImage函数来选择随机图像，但它会显示重复的图像。我希望页面只显示一次图像，并且每次加载页面时都显示在不同的单元格中 <html> <head> <script language=Javascript> function diffImage() { im

我正在尝试使用javascript构建一个包含不同图像的2*2表，这样插入的两张图片就不会重复。我是javascript新手，请帮助我编写以下代码

我编写了

diffImage

函数来选择随机图像，但它会显示重复的图像。我希望页面只显示一次图像，并且每次加载页面时都显示在不同的单元格中

<html>
  <head>
   <script language=Javascript>
       function diffImage() {
          image = new Array("ball.gif","bench.gif","banner.gif", wall.gif");
          whichImage = Math.floor(Math.random()*image.length);
          document.write('<image SRC="' +image[whichImage]+ '">');
       }
   </script>
</head>

<body>
  <table id="newtable"/>
   <tr>
    <td>
      <script language="Javascript"> diffImage();</script>
    </td>
    <td>
      <script language="Javascript"> diffImage();</script>
    </td>
 </tr>
 <tr>
    <td>
      <script language="Javascript"> diffImage();</script>
   </td>
   <td>
     <script language="Javascript"> diffImage();</script>
  </td>
 </tr>
</table>


函数diffImage（）{
image=新数组（“ball.gif”、“bench.gif”、“banner.gif”、“wall.gif”）；
whichImage=Math.floor（Math.random（）*image.length）；
文件。写（“”）；
}
diffImage（）；
diffImage（）；
diffImage（）；
diffImage（）；

试试这个：

imagelist = ["ball.gif","bench.gif","banner.gif","wall.gif"];
function diffimage() {
    whichImage = Math.floor(Math.random()*imagelist.length);
    document.write('<img src="'+imagelist[whichImage]+'" />');
    imagelist.splice(whichImage,1);
}

imagelist=[“ball.gif”、“bench.gif”、“banner.gif”、“wall.gif”]；
函数diffimage（）{
whichImage=Math.floor（Math.random（）*imagelist.length）；
文件。写（“”）；
图像列表拼接（whichImage，1）；
}

这将从列表中删除选定的图像，这样您就不会得到重复的图像

（旁注：当前代码不重复的概率为3/32，约为9%）

检查图像数组的定义位置。您忘记在wall.gif上加引号。

将函数调用更改为diffimage（）