본문 바로가기

javascript

브라우저 액션 지연시키기

브라우저의 액션값을 지연시킬 수 있습니다.
예제에서는 링크버튼을 클릭하였을때, 좌측에 이미지를 먼저 나타내고 하이퍼링크를 5초후에 작동하게 합니다

<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. 없으면 그냥 두세요-->

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var page;

var cool = new Image();
cool.src = "cool.gif";

var link = new Image();
link.src = "link.gif";

function redirect() {
window.location = page;
}

function gotoPage(image, pic, time, url) {
page = url;
eval("document['" + image + "'].src=" + pic + ".src;");
timer = setTimeout('redirect()', time);
}
//  End -->
</script>

</HEAD>

<!--2. BODY 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY BGCOLOR="#FFFFFF">

<!--3. BODY 부분에 아래의 스크립트를 복사해 넣으세요-->

<center>
<img name="image1" src="blank.gif" width=74 height=30><a href="javascript:gotoPage('image1', 'cool', '5000', 'http://www.yahoo.com')">Yahoo.com</a>

<!---5000 ; 5초 후에 이미지가 나타납니다-->

<p>
<img name="image2" src="blank.gif" width=74 height=30><a href="javascript:gotoPage('image2', 'link', '5000', 'http://www.bizs.wo.ro)">bizs.wo.ro</a>
</center>