我試圖在按下按鈕後,按時間順序依次顯示一組div,並同時用網絡攝像頭拍照併發送它到服務器。我已經有了這個工作,但是當我雙擊鼠標時,該功能會觸發不止一次,導致div互相重疊。jQuery按順序顯示/隱藏div,並且不重疊
我正在使用jQuery在特定時間顯示和隱藏適當的div,我試過使用.one處理程序,但它似乎沒有工作?我不確定自己是否做錯了什麼,或者如果有更好的辦法可以做到這一點?
謝謝!
var stages = [];
stages.push(document.getElementById('one'));
stages.push(document.getElementById('two'));
stages.push(document.getElementById('three'));
stages.push(document.getElementById('four'));
var currentStage = 0;
stages[currentStage].style.display = 'block';
function clickHandler() {
setTimeout(showModal, 3000);
}
function showModal(){
stages[currentStage].style.display = 'none';
currentStage++;
if (currentStage >= 3) currentStage = 0;
stages[currentStage].style.display = 'block';
}
$("#analyse").one("click", function() {
$("#one").fadeOut("fast", function() {
clickHandler();
$("#two").fadeIn("slow", function() {
setTimeout(function(){$("#three").fadeIn()},6000);
setTimeout(function(){$("#three").fadeOut()}, 7000);
setTimeout(function(){$("#four").fadeIn()}, 7000);
});
});
});
道歉,我很新的JavaScript和jQuery。我將在哪裏將這個標誌放在我的代碼中? – Pete
我編輯了回覆。像這樣的東西應該可以工作,你可以將我的8000毫秒變成任何你喜歡的東西。 – Ted
還添加了對理解的註釋 – Ted