이전 목록 다음
채택완료

settime 속성에 대해 문의드립니다.

자바스크립트 또는 PHP

setTimeout(function(){

  호출 function

}, 1500);

위와 같이 무의식적으로 사용하는되요!!!

갑자기 궁금해서 문의드립니다.

1. 정확한 의미

2. 어떠한 사항에 활용이 되는지요?

고수님 조언 부탁드립니다.

|

답변 2개

채택된 답변
+20 포인트
2021-08-31 (화) 16:17:14

이를테면 이미지가 1초 뒤에 투명도가 0.5 로 바뀌는 이벤트입니다.

Copy
<img id=my src=https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg>
<script>
setTimeout(function(){
    my.style.opacity = 0.5;
}, 1000);
</script>

함수를 만들어서 넣어도 됩니다. 1초 뒤 이미지 가로길이가 절반으로 줄어들면서 동시에 이미지의 주소가 바뀌는 이벤트죠.

Copy
<img id=my src=https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg>
<script>
function you() {
    my.style.width = "50%";
    my.src = "https://blog.kakaocdn.net/dn/cOuCrx/btrcONOGfL6/lnvgPYBKad0JunFVKIwEJK/img.jpg";
}
setTimeout(function(){
    you();
}, 1000);
</script>

1000 은 1초이니 정해진 시간이 되면 셋타임아웃안에서 정해진 함수 등의 이벤트가 발생하는 것입니다.

1.5초 뒤에 해당 함수를 실행한다는 뜻입니다
바로 실행이 아니라 어느정도 시간 후에 실행시켜야 하는 경우 사용합니다

답변을 작성하려면 로그인이 필요합니다.