如何在不同的時間隱藏/顯示多個廣場

Question

我仍在爲簡單的JavaScript遊戲而苦苦掙扎。這是我以前的問題：Simple javascript game, hide/show random square

某些廣場隨機顯示和隱藏幾秒鐘，你必須點擊它們。我使用RaphaelJS來繪製廣場和幾個JQuery（$ .each（）函數）

我無法使用setInterval爲每個方塊工作的hide/show。通過Mishelle提出的功能看起來不錯，但我得到了「這不是一個函數」的錯誤。我已經測試不同的東西，但我認爲它不是那麼明顯：/

window.onload = function() { 

    var paper = new Raphael(document.getElementById('canvas_container'), 500, 500); 
    // random function to for the x and y axis of the square 
    function random(min, max) { 
     return Math.floor(Math.random() * (max - min + 1)) + min; 
    } 
    var rectanglemain = paper.rect(0, 0, 500, 500).attr({fill: "white",}); 
    var win_click = 0; // set the var to count the click on the square 
    var recs = []; 
    for(var i = 0; i < 50; i++) { 
     var x = random(1,450); 
     var y = random(1,450); 
     var rec = paper.rect(x, y, 50, 50).attr({fill: 'blue'}); 
     recs.push(rec); // add the square in an array 
     recs[i].click(function() { 
     //counting the clicks 
     win_click = win_click + 1; 
     }) 
     function hideSquare() {recs[i].hide();} 
     hideSquare(); 
    } 
    rectanglemain.click(function() { 
     alert('you click on ' + win_click + ' squares'); 
    }); 
    /* here is a function made by Mishelle on my previous question, unfortunately I can't make it work (this is not a function error). 
function showBriefly (timeFromNow, duration) { 
     window.setTimeout(this.rec.show, timeFromNow); 
     window.setTimeout(this.rec.hide, timeFromNow + duration); 
     } 
    recs[2].showBriefly(1000, 3000); to test the function 
*/ 
} 

感謝您的幫助:)

Answer 1

嘗試

window.setTimeout(function(){this.rec.show();}, timeFromNow) 

Answer 2

在您的問題時只需來了，萬一你讀到這，你想知道是什麼問題。 this是undefined回調之內，因此，你需要存儲哪些矩形你在一個變量被提到（我把它叫做square），看到我的代碼：

showBriefly: function(timeFromNow, duration) { 
    square = this.box; 
    setTimeout(function(){square.show();}, timeFromNow) 
    setTimeout(function(){square.hide();}, timeFromNow + duration) 
} 

乾杯