检查显示的(随机）图像是否与上一个(随机）图像(jQuery和JavaScript）相同

Check if shown (randomised) image is the same as last (randomised) image (jQuery & JavaScript )

本文关键字：随机 图像 jQuery JavaScript 相同 上一个 显示 检查 是否      更新时间：2023-09-26

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

我正在尝试从智能手机上的游戏"大脑战争"中进行自己的"快速排序"。

基本上它应该做的是：

第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>

如何实现这一目标？

创建一个 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);}
相关文章：