Javascript cookieの有無で要素の表示・非表示を切り替える
Javascriptを使ってCookieの有無で要素の表示と非表示を切り替えることができます。Cookieがない場合は要素を非表示にしてCookieの値をセット。Cookieがある場合は要素を表示するといった処理で実現できます。
Javascript
前提
document.cookie
max-age
Cookieの有効期限を秒で指定します。
値 | 有効期限 |
---|---|
max-age=1 | 1秒 |
max-age=60 | 1分 |
max-age=3600 | 1時間 |
max-age=43200 | 12時間 |
max-age=604800 | 1週間(7日) |
max-age=86400 | 24時間(1日) |
max-age=2592000 | 1ヶ月(30日) |
max-age=31536000 | 1年(365日) |