cookie组成
键值对的形式
username=asd
passwd=114514
phone=1111111
有效期:expires=今天以后的时间
存储cookie
按照cookie的形式写好一个字符串,然后把它复制给document.cookie 浏览器就会缓存这个cookie,可以存储多个键值对,但是键的名字不能重复
document.cookie = "username=asd"
document.cookie = "passwd=114514"
document.cookie = "phone=1111111"
获取cookie
通过document.cookie就能得到浏览器之前存储的cookie,是一个字符串,将这个字符串解析,就能得到自己想要的内容
function fun(){
var data = document.cookie
var result = [];
result = data .split(";")
var userIdData = result[0].split("=")[1];
var pwdData = result[1].split("=")[1];
var phoneData = result[2].split("=")[1]
document.write("用户名为"+userIdData+"<br>")
document.write("密码为"+pwdData+"<br>")
document.write("电话号码为"+phoneData)
}
清除cookie
将存储的cookie的有效期改成过去的某一天(过期)就清除了cookie
function fun1(){
var date = new Date();
date.setData(date.getDate()-7);
var cookieText = "passwd=;expires"+date;
document.cookie = cookieText;
}
计时事件
setInterval(“函数名”,毫秒数)//它是一个计时器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.cr{
width: 1200px;
height: 500px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="cr" id="div1"></div>
</body>
<script type="text/javascript">
function fun(){
var color = document.getElementById("div1");
color.style.backgroundColor="blue"
}
function fun1(){
var color = document.getElementById("div1");
color.style.backgroundColor="red"
}
var time = setInterval("fun()",500)
var time = setInterval("fun1()",1000)
</script>
</html>
clearInterval(计时器)//停止一个计时器
clearInterval(time1)
setTimeout(“函数名”,毫秒数)//延时器,隔了多长时间后调用一次函数
var timer = setTimeout("alarmClock()",3000);
function alarmClock(){
var p1 = document.getElementById("p1");
p1.innerHTML = "aaaaAaaaa"
}