javascript - 如何为后台更改代码设置 cookie？

Question

这是我需要设置 cookie 的代码。是一个 body 背景图像更改器，我想将 cookie 设置为在 x 天后过期! 不管是javascript还是jquery cookies!

<script>
$(document).ready(function(){ 

        $("li.one").click( function(){ $
		("body").removeClass('bg2 , bg3 , bg4 , bg5 , bg6 , bg7 ,bg8').addClass("bg1");
	});

	$("li.two").click( function(){ $
		("body").removeClass("bg1 , bg3 , bg4 , bg5 , bg6 , bg7 , bg8").addClass("bg2");
	});

	$("li.three").click( function(){ $
		("body").removeClass("bg1 , bg2 , bg4 , bg5 , bg6 , bg7 , bg8").addClass("bg3");
	}); 

        $("li.four").click( function(){ $
		("body").removeClass('bg1 , bg2 , bg3 , bg5 , bg6 , bg7 , bg8').addClass("bg4");
	});
  
          $("li.five").click( function(){ $
		("body").removeClass('bg1 , bg2 , bg3 , bg4 , bg6 , bg7 , bg8').addClass("bg5");
	});
  
            $("li.six").click( function(){ $
		("body").removeClass('bg1 , bg2 , bg3 , bg4 , bg5 , bg7 , bg8').addClass("bg6");
	});
  
              $("li.seven").click( function(){ $
		("body").removeClass('bg1 , bg2 , bg3 , bg4 , bg5 , bg6 , bg8').addClass("bg7");
	});
  
                $("li.eight").click( function(){ $
		("body").removeClass('bg1 , bg2 , bg3 , bg4 , bg5 , bg6 , bg7').addClass("bg8");
	});

});
</script>

<ul id="foxycode-panel_bg_image">
	<li class="one"><a href="#"></a></li>
        <li class="two"><a href="#"></a></li>
        <li class="three"><a href="#"></a></li>
        <li class="four"><a href="#"></a></li>
</ul>
 
................ 

谢谢!

Answer 1

如果您正在寻找一种将 cookie 设置为 n 天的方法。您可以使用以下功能:

<script type="text/javascript">
function setCookie(cookieName,cookieValue,nDays) {
    var today = new Date();
    var expire = new Date();
    if (nDays==null || nDays==0) nDays=1;
    expire.setTime(today.getTime() + 3600000*24*nDays);
    document.cookie = cookieName+"="+escape(cookieValue)+ ";expires="+expire.toGMTString();
}
</script>
and to get the cookie, you can use
<script type="text/javascript">
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name)==0) return c.substring(name.length,c.length);
    }
    return "";
}
</script>

非常适合我。