Question

（在此之前，你应该知道我的JS技能非常基础）

我正试图通过智能手机上的“BrainWars”游戏进行自己的“快速排序”。

基本上它应该做的是：

步骤1：随机选择3张可用图片中的一张并显示图像。第2步：如果此图像与最后一张图像相同（做某事）第3步：如果此图像与最后一张图像不同（做其他事情）

现在，我有一个名为“images”的文件夹，里面有3个png。到目前为止，我有这个：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Demo</title>
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

  <script>
    var random_images_array = ['1.png', '2.png', '3.png'];
    var lastImage = "";

    function getRandomImage(imgAr, path) {
      path = path || 'images/'; // Default path hier opgeven
      var num = Math.floor(Math.random() * imgAr.length);
      var img = imgAr[num];
      var imgStr = '<img src="' + path + img + '" alt = "">';
      document.write(imgStr);
      document.close();
    }


    $(function() {
      $('#btn').click(function() {
        getRandomImage(random_images_array, 'images/');

        setTimeout(function() {
          getRandomImage(random_images_array, 'images/');
        }, 2000);
      });
    });
  </script>
</head>


<body>
  <button id="btn">GO</button>
</body>

</html>

如何实现这一目标？

Answer 1

如何创建lastImage变量......

var random_images_array = ['1.png', '2.png', '3.png'];
var lastImage="";

然后：

var img = imgAr[num];
if (img==lastImage) {do  something}
else {lastImage=img; ... document.write(imgStr);}

检查显示（随机）图像是否与上一个（随机）图像相同（jQuery＆amp; JavaScript）

1 个答案: