我在 jQuery 中構建了一個簡單的回圈，但“價格”隨機彈出。我認為延遲存在一些問題，但我希望它保持 4-5 秒。
setInterval(function(){loop()}, 16000);
function loop(){
$('.popup').fadeIn('1000');
$('.twitchad').animate({
left: "-100px"
}, 1500, function() {
$('.price').show().animate({
left: 50
}).delay('4000').fadeOut("slow");
$('.popup').delay('5000').fadeOut("slow");
});
}
uj5u.com熱心網友回復：
如果你添加一個計數，你可以更好地看到發生了什么：
var now = Date.now();
function secondsCount(){
return Math.floor((Date.now() - now)/1000);
}
setInterval(function(){
console.log("Loop", secondsCount());
loop();
}, 10000);
function loop(){
console.log("Trigger FadeIn", secondsCount());
$('.popup').fadeIn('1000');
console.log("Trigger Animate Left", secondsCount());
$('.twitchad').animate({
left: "-100px"
}, 1500, function() {
console.log("Trigger Fadeout", secondsCount());
$('.popup').delay('5000').fadeOut("slow", function(){
console.log("Complete", secondsCount());
});
});
}
在控制臺中，我看到以下內容。
Loop 10
Trigger FadeIn 10
Trigger Animate Left 10
Trigger Fadeout 11
Complete 17
Loop 20
Trigger FadeIn 20
Trigger Animate Left 20
Trigger Fadeout 21
Complete 27
Loop 30
Trigger FadeIn 30
Trigger Animate Left 30
Trigger Fadeout 31
Complete 37
它以正確的回圈回圈并觸發所有內容，但我懷疑在第一次運行后，它并不處于您期望的確切狀態。目前尚不清楚您的期望或您從帖子中看到的錯誤。希望這可以幫助您實作目標。如果沒有，請使用可能有助于解釋的詳細資訊或螢屏截圖更新您的帖子。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/438386.html
標籤：jQuery 循环 jQuery-ui jquery-动画 延迟
上一篇：接收Win32事件的順序