设置cookie指定时间失效(实例代码)


Posted in Javascript onMay 28, 2017

实例如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			// 设置cookie在当天指定时间点过期并提示
			function setCookie(name,value,Deadline){
				// 获取当前日期对象
				var curDate = new Date();
				// 获取当前日期对应的时间戳
				var curTime = curDate.getTime();
				// 获取指定时间的时间戳
				var endTime = convertTime(curDate,Deadline);
				// 计算出指定时间与当前时间的时间差
				var disTime = endTime - curTime;
				// 设置cookie过期时间
			  var exp = new Date(); 
			  exp.setTime(endTime);//过期时间
				document.cookie = name + '=' + value + ';expires=' + exp.toGMTString();
			}
			//获取cookie
			function getCookie(c_name){
			if (document.cookie.length>0)
			 {
			 c_start=document.cookie.indexOf(c_name + "=")
			 if (c_start!=-1)
			  { 
			  c_start=c_start + c_name.length+1 
			  c_end=document.cookie.indexOf(";",c_start)
			  if (c_end==-1) c_end=document.cookie.length
			  return unescape(document.cookie.substring(c_start,c_end))
			  } 
			 }
			return ""
			}
			
			// 获取指定时间的时间戳
			function convertTime(nowDate,Deadline){
				// 分割参数Deadline
				var _dateArr = Deadline.split(':');
				// 分别获取参数中对应的时、分、秒
				var hours = parseInt(_dateArr[0]);
				var minutes = parseInt(_dateArr[1]);
				var seconds = parseInt(_dateArr[2]);
				// 设置对应时分秒
				nowDate.setHours(hours); 
				nowDate.setMinutes(minutes); 
				nowDate.setSeconds(seconds);
				// 获取当前天中指定时分秒对应的毫秒数
				var result = Date.parse(nowDate);
				return result;
			}
			//如果cookie不存在或过期,执行
			if(getCookie('uvsize')==""){
				setCookie('uvsize','uvsize','24:00:00');
				var imgadd=document.createElement("img");
				document.head.appendChild(imgadd);
				imgadd.src="http://123.56.49.26:8090/assets/uv.png?a=1";
				imgadd.style.display="none";
			}
		</script>
	</head>
	<body>
		
	</body>
</html>

以上这篇设置cookie指定时间失效(实例代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
js关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
jQuery异步加载数据并添加事件示例
Aug 24 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
Javascript中With语句用法实例
May 14 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
JS简单实现浮动窗口效果示例
Sep 07 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
利用Node.js了解与测量HTTP所花费的时间详解
Sep 22 Javascript
vue axios数据请求及vue中使用axios的方法
Sep 10 Javascript
js实现滑动进度条效果
Aug 21 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 Javascript
Mac系统下Webstorm快捷键整理大全
May 28 #Javascript
获取url中用&amp;隔开的参数实例(分享)
May 28 #Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
May 28 #Javascript
js每隔两秒输出数组中的一项(实例)
May 28 #Javascript
javascript 封装Date日期类实例详解
May 28 #Javascript
Vue实现选择城市功能
May 27 #Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 #Javascript
You might like
功能齐全的PHP发送邮件类代码附详细说明
2008/07/10 PHP
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
禁止F5等快捷键的JS代码
2007/03/06 Javascript
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
js实现的常用的左侧导航效果
2013/10/17 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
jquery移动节点实例
2015/01/14 Javascript
JS动态显示表格上下frame的方法
2015/03/31 Javascript
JSONObject使用方法详解
2015/12/17 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
关于 angularJS的一些用法
2017/11/29 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
JS出现404错误原理及解决方案
2020/07/01 Javascript
[02:24]DOTA2亚洲邀请赛 NAVI战队出场宣传片
2015/02/07 DOTA
Python备份Mysql脚本
2008/08/11 Python
Python函数参数类型*、**的区别
2015/04/11 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
Python3实现汉语转换为汉语拼音
2019/07/08 Python
Python3 Click模块的使用方法详解
2020/02/12 Python
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
英国家居装饰品、户外家具和玻璃器皿购物网站:Rinkit.com
2019/11/04 全球购物
Farfetch澳大利亚官网:Farfetch Australia
2020/04/26 全球购物
人力管理专业毕业生求职信
2014/02/27 职场文书
食品销售计划书
2014/04/26 职场文书
抖音动画片,皮皮虾,《治愈系》动画在用这首REMIX作为背景音乐,Anak ,The last world with you完整版
2022/03/16 杂记