クッキーはdocument.cookieに適当に書けばいいというものではありません
きちんとやるなら何らかの汎用関数を定義しておいてください
一応サンプルつけておきます
javascript
1 function setCookie ( key , val , url ) {
2 tmp = key + "=" + escape ( val ) + ";" ;
3 tmp += "expires=Fri, 31-Dec-2030 23:59:59;" ;
4 if ( url ) {
5 tmp += "domain=" + getDomain ( url ) + ";" ;
6 tmp += "path=" + getDomainPath ( url ) + ";" ;
7 }
8 document . cookie = tmp ;
9 } ;
10 function getCookie ( key ) {
11 tmp = document . cookie + ";" ;
12 tmp1 = tmp . indexOf ( key , 0 ) ;
13 if ( tmp1 != - 1 ) {
14 tmp = tmp . substring ( tmp1 , tmp . length ) ;
15 start = tmp . indexOf ( "=" , 0 ) ;
16 end = tmp . indexOf ( ";" , start ) ;
17 return ( unescape ( tmp . substring ( start + 1 , end ) ) ) ;
18 }
19 return ( "" ) ;
20 } ;
21
22 function delCookie ( key ) {
23 expiredate = new Date ( ) ;
24 expiredate . setYear ( expiredate . getYear ( ) - 1 ) ;
25 tmp = key + "=;" ;
26 tmp += "expires=" + expiredate . toGMTString ( ) ;
27 document . cookie = tmp ;
28 } ;
29 function setClickTime ( v ) {
30 var d = new Date ( ) ;
31 var t = d . toLocaleString ( ) ;
32 setCookie ( v , t ) ;
33 }
34 function getClickTime ( v ) {
35 var t = getCookie ( v ) ;
36 if ( t === "" ) t = "no data" ;
37 console . log ( t ) ;
38 }
39 function delClickTime ( v ) {
40 delCookie ( v ) ;
41 }
HTML
1 <input type="button" value="set A" onclick="setClickTime('a')">
2 <input type="button" value="set B" onclick="setClickTime('b')">
3 <input type="button" value="set C" onclick="setClickTime('c')">
4 <hr>
5 <input type="button" value="get A" onclick="getClickTime('a')">
6 <input type="button" value="get B" onclick="getClickTime('b')">
7 <input type="button" value="get C" onclick="getClickTime('c')">
8 <hr>
9 <input type="button" value="del A" onclick="delClickTime('a')">
10 <input type="button" value="del B" onclick="delClickTime('b')">
11 <input type="button" value="del C" onclick="delClickTime('c')">
配列
せっかくなので念の為配列を利用したサンプルもつけておきます
※timeという配列にa,b,cをそれぞれ保存しています
javascript
1 function setCookie ( key , val , url ) {
2 tmp = key + "=" + escape ( val ) + ";" ;
3 tmp += "expires=Fri, 31-Dec-2030 23:59:59;" ;
4 if ( url ) {
5 tmp += "domain=" + getDomain ( url ) + ";" ;
6 tmp += "path=" + getDomainPath ( url ) + ";" ;
7 }
8 document . cookie = tmp ;
9 } ;
10 function getCookie ( key ) {
11 tmp = document . cookie + ";" ;
12 tmp1 = tmp . indexOf ( key , 0 ) ;
13 if ( tmp1 != - 1 ) {
14 tmp = tmp . substring ( tmp1 , tmp . length ) ;
15 start = tmp . indexOf ( "=" , 0 ) ;
16 end = tmp . indexOf ( ";" , start ) ;
17 return ( unescape ( tmp . substring ( start + 1 , end ) ) ) ;
18 }
19 return ( "" ) ;
20 } ;
21
22 function delCookie ( key ) {
23 expiredate = new Date ( ) ;
24 expiredate . setYear ( expiredate . getYear ( ) - 1 ) ;
25 tmp = key + "=;" ;
26 tmp += "expires=" + expiredate . toGMTString ( ) ;
27 document . cookie = tmp ;
28 } ;
29 function setClickTime ( v ) {
30 var l = JSON . parse ( getCookie ( 'time' ) || "{}" ) ;
31 var d = new Date ( ) ;
32 l [ v ] = d . toLocaleString ( ) ;
33 setCookie ( "time" , JSON . stringify ( l ) ) ;
34 }
35 function getClickTime ( v ) {
36 var l = JSON . parse ( getCookie ( 'time' ) || "{}" ) ;
37 if ( typeof l [ v ] !== "undefined" ) {
38 t = l [ v ] ;
39 } else {
40 t = "no data" ;
41 }
42 console . log ( t ) ;
43 }
44 function delClickTime ( v ) {
45 var l = JSON . parse ( getCookie ( 'time' ) || "{}" ) ;
46 delete ( l [ v ] ) ;
47 if ( Object . keys ( l ) . length == 0 ) {
48 delCookie ( "time" ) ;
49 } else {
50 setCookie ( "time" , JSON . stringify ( l ) ) ;
51 }
52 }
53 function viewCookieAll ( ) {
54 console . log ( document . cookie ) ;
55 }
html
1 < input type = " button " value = " set A " onclick = " setClickTime( ' a ' ) " >
2 < input type = " button " value = " set B " onclick = " setClickTime( ' b ' ) " >
3 < input type = " button " value = " set C " onclick = " setClickTime( ' c ' ) " >
4 < hr >
5 < input type = " button " value = " get A " onclick = " getClickTime( ' a ' ) " >
6 < input type = " button " value = " get B " onclick = " getClickTime( ' b ' ) " >
7 < input type = " button " value = " get C " onclick = " getClickTime( ' c ' ) " >
8 < hr >
9 < input type = " button " value = " del A " onclick = " delClickTime( ' a ' ) " >
10 < input type = " button " value = " del B " onclick = " delClickTime( ' b ' ) " >
11 < input type = " button " value = " del C " onclick = " delClickTime( ' c ' ) " >
12 < hr >
13 < input type = " button " value = " view " onclick = " viewCookieAll() " >