2026, 새로운 도약을 시작합니다.

페이지 로딩 화면을 만들고 싶습니다. 채택완료

2년 전 조회 2,721

A페이지에서 버튼을 누르면

B페이지로 넘어갑니다.

이때 B페이지에서 일정시간동안 이미지를 보여주고 B페이지를 보여주고싶은데 어떻게해야할까요?

sleep을 사용하니 그냥 멈췄다가 페이지가 보이네요;;;

답변 3개

채택된 답변
+20 포인트

일단 참고해보세요

<!-- 이미지 태그에 id 속성을 추가합니다. -->
<img id="my-image" src="image.jpg" alt="My image" />

<script>
// 이미지 태그를 선택합니다.
var image = document.getElementById("my-image");

// 5초를 밀리초로 변환합니다.
var time = 5 * 1000;

// setTimeout 함수를 사용하여 이미지를 숨기는 코드를 time 만큼 지연시킵니다.
setTimeout(function() {
  // 이미지의 display 속성을 none으로 변경합니다.
  image.style.display = "none";
}, time);
</script>

로그인 후 평가할 수 있습니다

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

제가 전에 팁란에 썼던건데 참고해 보세요

https://sir.kr/pg_tip/17284?page=6

로그인 후 평가할 수 있습니다

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

전체 화면을 덮는 레이어로 만드셔서 해당을 보여주시고 일정 시간 지난 후 해당 이미지를 안보이게 하시면 됩니다. 스크립트는 javascript settimeout 을 검색해보시면 일정 시간이 지난 후 실행을 시키실수 있으실겁니다.

로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고