檢查顯示（隨機）圖像是一樣的最後一個（隨機），圖像（jQuery和JavaScript的）

（任何事情之前，你應該知道我的JS技能是很基本的）檢查顯示（隨機）圖像是一樣的最後一個（隨機），圖像（jQuery和JavaScript的）

我試圖讓我的從智能手機上的「BrainWars」遊戲中擁有「快速排序」。

基本上它應該做的是：

步驟1：隨機化提供的3張圖片之一，顯示出圖像。第2步：如果這個形象是一樣的最後一個（做某事）步驟3：如果這個形象是不一樣的最後一個（做別的事情）

現在，我有一個文件夾命名「圖像」，裏面有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>

如何才能做到這一點？

來源

2016-01-24 Azzazzell

什麼有關創建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);}

來源

2016-01-24 17:57:15

是。但如何確定最後的圖像（或其值/變量）是什麼？我的目標是在開始時顯示圖像，以及某種類型的超時功能（5秒後）顯示下一張圖像......現在，怎麼能知道最後一張圖像（或其值/變量）是什麼這個案例？ – Azzazzell

因爲您已將最後一個圖像值存儲在lastImage中（lastImage = img）！ –

是真的。我的壞...錯過了。問題解決了。 – Azzazzell

檢查顯示（隨機）圖像是一樣的最後一個（隨機），圖像（jQuery和JavaScript的）

回答

相關問題