Как выполнить скрипт с задержкой?

Question

[Александр Тягунов]

Есть два несложных скрипта запускающих css анимацию. Задача модифицировать оба кода так, чтобы они начинали выполняться с задержкой в секунду.

$( document ).ready(function() {
$('.device-arrow15').addClass("slideUp");
});

$(window).scroll(function() {	
$('#example-13').each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+600) {
$('.device-arrow13').addClass("slideLeft");
}
});	
});

Answer 1

[Александр Тягунов]

Решение для первого скрипта:

$( document ).ready(function() {
setTimeout(function() {
$('.device-arrow14').addClass("slideUp");
}, 1000);
});

Решение для второго:

$(window).scroll(function() {	
setTimeout(function() {
	$('#example-13').each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+600) {
$('.device-arrow13').addClass("slideLeft");
}
});	
}, 1000);
});

Comments

[Haipman1]

Плиз помоги, я тебе дам скрипт, ты на него задержку плиз поставь!
Threshold = 20
;https://www.youtube.com/channel/UCsqedDo2CxV9NuTyY...
*~$t::
MouseGetPos, MouseX, MouseY
PixelGetColor, Color1, (MouseX+2), (MouseY+2)
StringSplit, Colorz, Color1
Color1B = 0x%Colorz3%%Colorz4%
Color1G = 0x%Colorz5%%Colorz6%
Color1R = 0x%Colorz7%%Colorz8%
Color1B += 0
Color1G += 0
Color1R += 0

while (GetKeyState("t", "P"))
{
BlockInput, MouseMove
sleep 1
MouseGetPos, MouseX, MouseY
PixelGetColor, Color2, (MouseX+2), (MouseY+2)
StringSplit, Colorz, Color2
Color2B = 0x%Colorz3%%Colorz4%
Color2G = 0x%Colorz5%%Colorz6%
Color2R = 0x%Colorz7%%Colorz8%
Color2B += 0
Color2G += 0
Color2R += 0
if (Color1R > (Color2R + Threshold)) or (Color1R < (Color2R - Threshold)) or (Color1G > (Color2G + Threshold)) or (Color1G < (Color2G - Threshold)) or (Color1B > (Color2B + Threshold)) or (Color1B < (Color2B - Threshold))
{
send {LButton}
}
}
BlockInput, MouseMoveOff
Return

End::
exitapp
return

Answer 2

[Pavel Torbeev]

.delay(1000) Если jquery
setTimeout, если JS

Answer 3

[Rsa97]

setTimeout()

Answer 4

[Михаил Чирский]

В вашем примере, они одновременно покажутся, чтобы это произошло с задержкой можно сделать так

setTimeout(function () {
    // Анимация для 1, когда она закончится, начнется для 2
    setTimeout(function () {
    // // Анимация для 2, когда она закончится, начнется для 3, и т д 
    }, 1000);
}, 1000);

думаю суть ясна, ну это хорошо, когда элементов 2-4, если же их будет больше, лучше циклом бежать по всем и уже делать по порядку, а то код превратится в помойку

Comments

[Александр Тягунов]

Михаил, посмотрите пожалуйста мой новый вопрос=)
Как решить проблему с модальными окнами?