jquery에서 쿠키 정보 얻기, 하루에 한 번만 튀기
13909 단어 JavaScriptjQuerycookietech
※ 프론트 데스크에서 쿠키 정보를 받아 표시합니다. 이 설치라면 클라이언트 측에서 캐시를 취소하면 다시 표시됩니다. 하지만 이번에는 고려하지 않습니다.
하고 싶은 일
jquery에서 브라우저의 쿠키 정보를 얻습니다. 이날 프로그램을 처음 열었을 때 튀는 것을 표시합니다.이 외에는 표시되지 않습니다.
※ 쿠키 정보를 얻고 업데이트하기 위해 사용js-cookie.
(자주 검색되는 jequery.cookie.js는 현재 지원이 종료되었습니다.)
실패한 방법
이번
splash-container
학급명 관리로 튀었다.main
류는main 라벨의 내용입니다.
$(function () {
if (!Cookies.get('splash-container')) {
$('.main').hide();
$('.splash-container').show();
setTimeout(() => {
$('.splash-container').hide();
$('.main').show();
}, 3000);
Cookies.set('splash-container', isOpen, {
expires: 1,
path: '/',
});
} else {
$('.splash-container').hide();
$('.main').show();
}
});
상술한 내용은 다음과 같다.① splash-container의 쿠키 정보 얻기
② 아무것도 등록하지 않은 경우 isOpen(1일 설정expires를 통해 정보가 하루 업데이트됨)을 부여하고 튀는 것을 표시한 후 메인 내용을 표시합니다
③ isOpen이 있을 때 정보를 표시하지 않음
이렇게 되면 컴퓨터에서 확인할 때는 잘 반영되지만, 스마트폰으로 확인할 때
expires: 1
부분은 제대로 반영되지 않은 것 같아 잘 반영되지 않았다.타당하다
$(function () {
const today = new Date(new Date().getTime());
if (!Cookies.get('splash-container')) {
$('.main').hide();
$('.splash-container').show();
setTimeout(() => {
$('.splash-container').hide();
$('.main').show();
}, 3000);
Cookies.set('splash-container', today, {
expires: 1,
path: '/',
});
} else if (today - Cookies.get('splash-container') >= 86400000) {
$('.main').hide();
$('.splash-container').show();
setTimeout(() => {
$('.splash-container').hide();
$('.main').show();
}, 3000);
Cookies.set('splash-container', today, {
expires: 1,
path: '/',
});
} else {
$('.splash-container').hide();
$('.main').show();
}
});
① splash-container의 쿠키 정보 얻기② 아무것도 등록하지 않은 경우 오늘의 날짜를 부여하고 튀는 것을 표시하고 메인 내용을 표시한다
③ 상기 조건 외에 쿠키 정보가 있더라도 오늘 날짜-cookie 정보(이전 쿠키 등록된 날짜 시간)에 따라 계산하여 1일(86400000) 이상 지나면 스파크 표시
④ 튀김이 표시되지 않음
이것은 도대체 좋은 방법입니까? 솔직히 좀 미묘하지만, 그래도 방법을 강구하여 하루에 한 번만 튀는 것을 보여 주려고 노력합니다.
Reference
이 문제에 관하여(jquery에서 쿠키 정보 얻기, 하루에 한 번만 튀기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/yui/articles/7225330f6c15fc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)