このページでは、ロード時に、
クッキー情報をテキストアリアに表示しています。
また、ボタンを押すことに、テキストエリアの情報をクッキーとして書き込みします。
この時に『"time" + new Date().getTime()』の名前で、現在時間の文字列を設定値にしたクッキーの追加を行って再ロードさせています。
なお、有効期限は、クッキー書き込時点より1分後に指定しています。また、このページでクッキーを削除できます。
なお、上記のコードは次の通りです。
<script language=""><!--
function start(){
document.getElementById("sp1").innerHTML=navigator.cookieEnabled;
document.getElementById("sp2").innerHTML=document.cookie;
var d = new Date();
var str=d.getFullYear() + "/";
str+=(d.getMonth()+1) + "/"; //日本の月の数え方に合わせるには 1を加算します
str+=d.getDate() + "-";
str+=d.getHours() + ":";
str+=d.getMinutes() + ":";
str+=d.getSeconds() + ":";
document.frm1.txt1.value="time" + new Date().getTime() + "=" + str + "<br>";
}
function sub(){
var v=document.frm1.txt1.value;
var t = new Date();//現在時間
if(v != "") {
t.setMinutes(t.getMinutes() + 1);//有効期間を1分後にする
v += "; expires=" + t.toGMTString();
if(confirm("次のデータクッキーに書き込みしますか。\n"+v)){
document.cookie = v//クッキーに記憶
location.reload();//ページ再読み込み
}
} else {
alert("テキストエリアに何も書かないと、クッキーに書き込みしません。");
}
}
// --> </script>
</head>
<body onload="start()">
クッキー使用可能状態 :『<span id="sp1">false</span>』<br>
現在のクッキーを以下に示します。(document.cookie) 『<br>
<span id="sp2"></span>』<br>
<form name="frm1">
設定したいクッキー
<textarea name="txt1" rows="10" cols="80" style="vertical-align: top;">
</textarea> <br>
<input type="button" value="クッキーを書き込み、ページロード" onclick="sub()">
</form>
以下省略