jsCookie与计时事件

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"
		}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值