아래 스크립트를 일정 시간 지연후 실행 되게 하고 싶은데요
어떤 방법이 있을까요?ㅠ
도와주세요 ㅠㅠ
$(function () {
var $con = $('#gg2'), $box = $con.find('#ggBox2'), $btns = $con.find('#ggBtns2'), i = 0, autoChange = function () {
i += 1;
if (i === 2) { i = 0; }
$btns.find('a:eq(' + i + ')').addClass('ggOn2').siblings().removeClass('ggOn2');
var curr = $box.find('a:eq(' + i + ')'), prev = curr.siblings();
prev.css('z-index', 2);
curr.css('z-index', 3).animate({
'opacity': 1
}, 150, function () {
prev.css({
'z-index': 1, 'opacity': 0.1
});
});
}, loop = setInterval(autoChange, 3000);
$con.hover(function () {
clearInterval(loop);
}, function () {
loop = setInterval(autoChange, 3000);
});
$btns.find('a').click(function () {
i = $(this).index() - 1;
autoChange();
});
});
답변 2개 / 댓글 2개
답변에 대한 댓글 1개
window.setTimeout
jQuery 로는 https://api.jquery.com/delay/ 참조하시면 될것 같습니다.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
$(document).ready(function() {
setTimeout("timer()", 6000);
});
function timer(){
$(function () {
var $con = $('#gg2'), $box = $con.find('#ggBox2'), $btns = $con.find('#ggBtns2'), i = 0, autoChange = function () {
i += 1;
if (i === 2) { i = 0; }
$btns.find('a:eq(' + i + ')').addClass('ggOn2').siblings().removeClass('ggOn2');
var curr = $box.find('a:eq(' + i + ')'), prev = curr.siblings();
prev.css('z-index', 2);
curr.css('z-index', 3).animate({
'opacity': 1
}, 150, function () {
prev.css({
'z-index': 1, 'opacity': 0.1
});
});
}, loop = setInterval(autoChange, 3000);
$con.hover(function () {
clearInterval(loop);
}, function () {
loop = setInterval(autoChange, 3000);
});
$btns.find('a').click(function () {
i = $(this).index() - 1;
autoChange();
});
});
}
이렇게 하니 적용 되긴 하는데요..
ㅋㅋㅋ 생각해보니까 오토 슬라이드만 지연 시켜야 하는데 위에 처럼 하니까 슬라이드 버튼도 안먹네요
ㅋㅋㅋㅋㅋㅋ으......