기 타 HTML 고수님에게 도움 요청 드립니다.
2023.09.13 16:46
쳇gpt로 아래와 같은 html코드를 얻어서
사진 3장을 전체화면으로 교대로 띄우는데는 성공했는데요.
여기에서 좀 더 나아가 그 JPG 파일들을 1시간 정도 간격으로
파일을 다시 읽어들여야 하는 기능이 필요합니다.(파일들이 수정되기 때문에)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이미지 교대로 전체 화면</title>
<style>
body {
margin: 0;
overflow: hidden;
}
img {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
animation: fade 1s infinite alternate;
}
@keyframes fade {
0% {
opacity: 50;
}
100% {
opacity: 1;
}
}
</style>
</head>
<body>
<img id="image" src="c:\a.jpg">
<script>
const images = ["c:\\a.jpg", "c:\\b.jpg","c:\\c.jpg"];
const imageElement = document.getElementById("image");
let currentIndex = 0;
function changeImage() {
currentIndex = (currentIndex + 1) % images.length;
imageElement.src = images[currentIndex];
}
setInterval(changeImage, 5000); // 5초마다 이미지 변경
</script>
</body>
</html>
능력자님들 도와 주세요.!!!
댓글 [2]
번호 | 제목 | 글쓴이 | 조회 | 등록일 |
---|---|---|---|---|
[공지] | 질문과 답변 게시판 이용간 유의사항 | gooddew | - | - |
99936 | 소프트웨어| 구글 캘린더 오류? [2] | asklee | 160 | 11-25 |
99935 | 소프트웨어| 윈도우 업데이트 후 크롬 기본앱 설정이 안됩니다. | 언덕위풍차 | 160 | 02-18 |
99934 | 윈 도 우| 웹페이지에서 글씨가 깨집니다. [1] | 『ⓖⓤⓝ』 | 160 | 01-17 |
99933 | 윈 도 우| 온라인으로 디스크 검사 후 복구하는 유틸이 있는가요? [1] | 애디오 | 160 | 03-30 |
99932 | 서버 / IT| 아마존클라우드 정책이 바뀌었나보네요.. [2] | 으뜸회오리 | 161 | 06-09 |
99931 | 하드웨어| 하드웨어 9772 보충설명 재질문입니다. [1] | OFDM | 161 | 05-17 |
99930 | 기 타| 키보드 단축키에 대해서 [1] | tuzki | 161 | 04-23 |
99929 | 기 타| 사이트 리다이렉션 관련 문의 드립니다. [1] | 줄넘기 | 161 | 07-10 |
99928 | 소프트웨어| VMware 설치시 에러가 발생함니다..... [2] | 늦깍기 | 161 | 07-28 |
99927 | 윈 도 우| 'server 서비스'와 PENetwork 관련 문의 [2] | 동백66 | 161 | 08-09 |
99926 | 윈 도 우| 17763.288 빌드 버전 소스 가지고 계신분? | 우리두리 | 161 | 01-29 |
99925 | 하드웨어| 유튜브 스마트폰용 마이크 추천 좀 해 주세요 | ksire | 161 | 12-28 |
99924 | 소프트웨어| 인식 오류? [2] | 정한월 | 161 | 08-29 |
99923 | 윈 도 우| usb로 설치하려고 자료를 구울려고 하는데 구어지지 않는데... [1] | 프리티맨 | 161 | 09-11 |
99922 | 소프트웨어| 하드 데이터에 대한 원본 디스크 백업 질문 [2] | Airbrone13 | 161 | 09-29 |
99921 | 윈 도 우| bcdedit /bootsequence 관련하여 질문 드립니다. [2] | 천공의아키 | 161 | 10-16 |
99920 | 기 타| 크롬 '기기로 전송' 관련 질문입니다. [2] | 준이오빠 | 161 | 02-19 |
99919 | 소프트웨어| foobar2000 playlists 복사와 관련해서.. [3] | 길나미 | 161 | 04-22 |
99918 | 소프트웨어| 노토폰트 사용 문제요,,, [1] | 도파고 | 161 | 04-22 |
99917 | 소프트웨어| MediCat 으로 안전부팅 가능한지요? [1] | 스티어 | 161 | 05-11 |
function changeImage() {
currentIndex = (currentIndex+1) % images.length;
let today = new Date() ;
tempt = today.getHours();
imageElement.src = images[currentIndex]+'?time='+tempt;
}
changeImage 함수를 바꾸면 시간이 바뀌면 불러오는 url 값이 변경되므로 다시 읽어올것으로 예상되는
단점은 편법으로 구현하다보니 시간 측정을 따로 하지 않아서 들어오는 순간에 따라 동작 시간이 달라짐...
5분에 들어오면 55분뒤에 바뀌고 55분에 들어오면 5분뒤에 바뀌고 그이후는 1시간마다...