【Cookieの保存と取得でカウントダウンタイマーを実装】
今日はWordPressのサーバーエラー調査に引き続き、
Cookieを使ったカウントダウンタイマーを実装しました。
肝になるのがCookieの書き込みと取り出しです。
Cookie(クッキー)とは?
Cookie(クッキー)とは、一人一人のパソコンに個別に
保存されるデータのことを言います。
ランディングページにおける「あと●日で販売終了!」
みたいな自動カウントダウンタイマーは、基本的には
Cookie(クッキー)を使っています。
つまり、そのページに初めてアクセスした瞬間から
カウントダウンが始まるのです。
Aさんが今日アクセスしたら今日から3日間。
Bさんが明日アクセスしたら明日から3日間。
というように、ページにアクセスした人(パソコン)
それぞれ独自にカウントが始まるという仕組みです。
Cookieはどうやって設定するの?
まず、Cookieにアクセスするには、ウェブページ全体を
表す document オブジェクトの cookie プロパティを
使います。
document.cookie = 設定内容;
設定内容の部分は、設定の名前(key)と値(value)を
イコール演算子(=)で繋いでペアにします。
設定が複数ある場合はペア同士をセミコロン(;)で繋ぎます。
Cookieはどうやって取り出すの?
Cookieにアクセスする窓口は上述の通り、document.cookie
ですから、= や ; で連結された文字列を、今度は一つ一つ
設定の名前(key)と値(value)のペアに分解すれば良いですね。
プログラミングにおいて、文字列を特定のルールに沿って
結合したり分解したり切り取ったりすることを
「文字列操作」
と呼び、多くのプログラム言語にはそれぞれ文字列操作用の
関数(メソッド、ファンクション)が用意されています。
具体的な関数名や使い方は、プロでもいちいち暗記しては
いませんので、ネットで調べるんです。
例えばJavascriptでCookieを操作したいのなら、
「Javascript cookie 保存 方法」とか、
「Javascript cookie 読み取り 方法」とか
検索ワードを組み合わせてネット検索するんです。
怠けちゃダメですよ。
検索してください。自分で。
そうしないといつまでたっても人に頼らないと何一つ
解決できないままです。
「自分で作れる力」を身につけたいあなたへ
【1】プログラミング講座CODEMY(コーデミー)
【2】完全マンツーマンのプログラミングレッスン(LESSSON)
【3】WordPress/ウェブサイト制作レッスン(おしえるまなべる)
↓↓↓ 詳しくはこちらをご覧ください ↓↓↓
【1】プログラミング講座CODEMY(コーデミー)のご案内
気軽に受講できるメール&動画形式のオンライン講座です。
チャットワークを使った個別添削&アドバイスで、
プロの発想法を学ぶことができるのが特徴です。
その場しのぎではなく、自力で調べて考えてウェブサイトや
プログラムが作れるようになりたい方が業種・経験を問わず
参加されています。
【2】完全マンツーマンのプログラミングレッスン(LESSSON)
より詳しく短期集中でスキルアップしたい方には、全国対応の
スカイプによる完全個人指導のレッスンをご用意しております。
初回 30分の無料相談をお気軽にご利用ください。