제이쿼리 날짜에 따라 변하는 이미지

날짜에 따라 변하는 이미지

제이쿼리를 사용하여 디데이 방식으로 6개의 이미지가 날짜에 따라 이미지 변경되도록 설정 하는 방법입니다.

 

자세한 사용방법은 아래 참고 부탁드립니다.

 

 

// 날짜에 따라 변하는 이미지
	function formatDate() {
		var today = new Date();

		var inYear = 2019;
		var inMonth = 3;
		var inDate = 5;
		
		var stdDate = new Date(inYear,(inMonth-1),inDate);
		var gapDate = stdDate.getTime() - today.getTime();
		
		var gapDay = Math.ceil(gapDate / (60*1000*60*24));

		var gapImg = gapDay % 6;
		
		if(gapImg==0) {
			$(".thankyy_box img").attr("src",'이미지 URL 주소').attr("alt",'텍스트');
		} else if(gapImg==1) {
			$(".thankyy_box img").attr("src",'이미지 URL 주소').attr("alt",'텍스트');
		} else if(gapImg==2) {
			$(".thankyy_box img").attr("src",'이미지 URL 주소').attr("alt",'텍스트');
		} else if(gapImg==3) {
			$(".thankyy_box img").attr("src",'이미지 URL 주소').attr("alt",'텍스트');
		} else if(gapImg==4) {
			$(".thankyy_box img").attr("src",'이미지 URL 주소').attr("alt",'텍스트');
		} else if(gapImg==5) {
			$(".thankyy_box img").attr("src",'이미지 URL 주소').attr("alt",'텍스트');
		}
	}
	formatDate();

 

 

혹시 내용이 도움 되었다면 유튜브 채널오셔서 다양한 정보 보시고 

구독과 좋아요 부탁드립니다. 

감사합니다. 



스톤모두 유튜브 무료 강의 : https://www.youtube.com/channel/UCZUPZrlC-A8u4Y8KbU0HUvQ?sub_confirmation=1 

스톤모두 네이버 스토어 : https://smartstore.naver.com/stonemodoo 

스톤모두 모두홈페이지 : https://stone.modoo.at/ 

스톤모두 워드프레스 홈페이지 : https://stonemodoo.com/