Question

用javascript和HTML（不要用PHP）做一个有密码验证的登录界面，需要通过cookie储存用户名和登录状态

在登录之后的页面要有一个logout的button，Login的cookie内容需要传到登录后页面，页首有30分钟倒计时以及通过读取cookie而产生的欢迎”用户名“字样。logout或30分钟时间到了之后logout按钮自动变为login按钮，并清除cookie内容；login按钮按下之后自动跳转到login页面，如此往复。
这是我们的一次拓展练习，老师不讲却十分重要，所以只好求助各位，请不要复制其他百度能搜到的信息，因为我已经都基本搜过了。现在我已经能解决除cookie和倒计时相关的其他内容，但是cookie的存储提取和传送等一直不知道怎么办。如果能通过详细的回答解决这个问题愿追加50分，如果能附上较详细代码愿追加100分，感谢各位

Answer 1

function getCookie(name)
{
var arr = document.cookie.split("; ");
for(i=0;i<arr.length;i++)
if (arr[i].split("=")[0] == name)
return unescape(arr[i].split("=")[1]);
return null;
}
function setCookie(name,value) {
var today = new Date();
var expires = new Date();
expires.setTime(today.getTime() + 1000*60*60*30);//30分钟超时
document.cookie = name + "=" + escape(value) + "; expires=" + expires.toGMTString();
}
单击logout，将过期时间设置为 today.getTime()-1000就行。
Cookie是存储在本地的，不用传，只要不超时，同一个站点就能访问。

追问

谢谢啦，但是还有很多问题想问的说
cookie是用document.cookie来设置么？这两个函数在哪里调用呢？新页面如何调用login页面的cookie呢？需要用windows.location.herf= “???.html?pram1=????"传输过去么？
另外请教timer在HTML里的代码应该如何写，不胜感激

追答

单击logout，将过期时间设置为 today.getTime()-1000就行。
Cookie是存储在本地的，不用传，只要不超时，同一个站点就能访问。

没明白？
需要设置Cookie就在Javascript里调用 setCookie,要读就调用getCookie

追问

大致懂了
但是如何在title里加一个动态显示的倒计时数字呢？

追答

这个得用timeout

var totalTime=60*30;
var timerId=window.setInterval(function(){
while(--totalTime){
document.title="剩下"+parseInt(totalTime/60)+"分"+totalTime%60+"秒";
return;
}
window.clearInterval(timerId);
//写下登出的代码

},1000)