페이지 로딩 화면을 만들고 싶습니다.
본문
A페이지에서 버튼을 누르면
B페이지로 넘어갑니다.
이때 B페이지에서 일정시간동안 이미지를 보여주고 B페이지를 보여주고싶은데 어떻게해야할까요?
sleep을 사용하니 그냥 멈췄다가 페이지가 보이네요;;;
답변 3
일단 참고해보세요
<!-- 이미지 태그에 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>
전체 화면을 덮는 레이어로 만드셔서 해당을 보여주시고 일정 시간 지난 후 해당 이미지를 안보이게 하시면 됩니다. 스크립트는 javascript settimeout 을 검색해보시면 일정 시간이 지난 후 실행을 시키실수 있으실겁니다.
답변을 작성하시기 전에 로그인 해주세요.