您现在的位置:首页 >> 前端 >> 内容

BOM的cookie与计时事件

时间:2017/8/15 8:54:00 点击:

  核心提示:cookiecookie的作用:在本地浏览器存储数据。常用于记住账号等。cookie的组成:键值对的形式:存储的数据:userId=123456;userPassword=112233;有效期:exp...

cookie
cookie的作用:在本地浏览器存储数据。常用于记住账号等。
cookie的组成:
键值对的形式:
存储的数据:“userId=123456;userPassword=112233;…”
有效期:“expries=今天以后的时间”
BOM的cookie与计时事件

存储cookie:
按照cookie的格式写好一个字符串,然后将它赋值给documents.cookie,浏览器就存了这个cookie。可以存储多个键值对,但是键的名字不能重复。

var userPassword = document.getElementById("userPassword").value;
var date = new Date();
date.setDate(date.getDate() + 7);
var cookieText = "userPassword=" + userPassword + ";" + "expires=" + date;
documents.cookie = cookieText;

获取cookie:
通过documents.cookie就能得到浏览器之前存储的cookie。是一个字符串。将这个字符串进行解析,得到自己想要的内容。

var data = documents.cookie;
var result = data.split("; ");//以“; ”来进行分割
var userIdData = result[0].split("=")[1];//用“=”来分割
var userPasswordData = result[1].split("=")[1];//用“=”来分割

var userId = document.getElementById("userId");
userId.value = userIdData;
var userPassword = document.getElementById("userPassword");
userPassword.value = userPasswordData;

清除cookie:
将存储的cookie的有效期改为过去的某一天,就清除了cookie

var date = new Date();
date.setData(date.getDate() - 7);
var cookieText = "userPassword=;expires=" + date;
documents.cookie = cookieText;

计时事件
setInterval(“函数”,”毫秒数”):计时器,就是每隔多长时间就调用一次函数。1s=1ms

var timer = setInterval("getTime()",1000);
function fun(){
    var time = new Date();
    var hour = time.getHours();
    var minute = time.getMinutes();
    var second = time.getSeconds();
    var p1 = document.getElementById("p1");
    p1.innerHTML = hour + ":" + minute + ":" + second;
}

clearInterval(计时器):停止一个计时器
setTimeout(“函数名”,”毫秒数”):延时器。就是间隔时间延长后调用一次函数

Tags:BO OM M的 的C 
作者:网络 来源:Judian6974