BOM的cookie与计时事件

来源:互联网 发布:淘宝买迷你睡莲哪家好 编辑:程序博客网 时间:2024/06/14 21:40

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

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

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

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

var data = document.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;document.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(“函数名”,”毫秒数”):延时器。就是间隔时间延长后调用一次函数