일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 춘천시청
- 웹크롤링
- 해외구매대행
- 구매대행프로그램
- Menu
- 스톤모두
- 네이버검색
- 모두홈페이지제작
- 구글검색등록
- 창업
- 치질방석
- 제이쿼리
- 쿠팡
- 네이버검색등록
- 네이버모두
- 네이버웹마스터도구
- 더블유커머스
- 사이트등록
- 크롤링
- 검색등록
- 모두홈페이지검색등록
- 무료이미지다운로드
- 디지털노마드
- 타오바오
- 모두홈페이지
- 어도비컬러
- jQuery
- 돈버는방법
- 제이쿼리메뉴
- 스마트스토어
Archives
- Today
- Total
퍼블리셔 커피찬우유
제이쿼리 날짜에 따라 변하는 이미지 본문
반응형
날짜에 따라 변하는 이미지
제이쿼리를 사용하여 디데이 방식으로 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/
반응형
'웹코딩 > jQuery' 카테고리의 다른 글
자바스크립트 이벤트 중지시키는 방법 (0) | 2019.03.06 |
---|---|
제이쿼리 slick 슬라이드 만들기 (0) | 2019.03.04 |
레이어 팝업(오늘 하루 보지 않기 - 오늘 자정으로 설정) (0) | 2019.02.26 |
셀렉트 박스(디자인) (0) | 2019.02.26 |
주메뉴(웹접근성 연구소) (0) | 2019.02.26 |
Comments