<!DOCTYPE html>

 <html lang="en">

  <head>

     <meta charset="utf-8">

     <meta name="description" content="">

     <meta name="HandheldFriendly" content="True">

     <meta name="MobileOptimized" content="320">

     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

     <title>cookies</title>

     <!-- html5.js for ie less than 9 -->

     <!--[if lt ie 9]>

         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

     <![endif]-->

     <!-- css3-mediaqueries.js for ie less than 9 -->

     <!--[if lt ie 9]>

         <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

     <![endif]-->

     <style type="text/css">

     body,div,ul,li,a,img,h1,h2,h3,h4,h5,p,input{

         margin:0;

         padding:0;

     }

     article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

         display: block;

     }

     body{

         font-family:"微软雅黑",Verdana, Arial, Helvetica, sans-serif;

         -webkit-text-size-adjust:none;

     }

     img,input{

         outline:none;

     }

     ul{

         list-style:none;

     }

     a:link{

         text-decoration:none;

         color:#545454;

     }

     a:visited{

         color:#525252;

     }

     a:hover{

         color:#4D4D4D;

     }

     .clear{

       clear:both;

     }

     .ui-page {

         -webkit-backface-visibility: hidden;

     }

     </style>

  </head>

  <body>

     <div id="time"></div>

     <script src="jquery.js"></script>

     <script type="text/javascript">

         (function(){

             var time=new Date();

             var str;

             str=time.getSeconds();

             $(window).click(function(){

                 Cookies.set('istime',str);

             })

             var Cookies ={

                 //设置cookies

                 set:function(name,value,days){

                     if (days) {

                         var date = new Date();

                         date.setTime(date.getTime()+(days*24*60*60*1000));

                         var expires = "; expires="+date.toGMTString();

                     }

                     else var expires = "";

                     document.cookie = name+"="+value+expires+"; path=/";

                 },

                 //获取cookies

                 get:function(name){

                     var nameEQ = name + "=";

                     var ca = document.cookie.split(';');

                     for(var i=0;i < ca.length;i++) {

                         var c = ca[i];

                         while (c.charAt(0)==' ') c = c.substring(1,c.length);

                         if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

                     }

                     return null;

                 },

                 //清除cookies

                 erase:function(name){

                     this.set(name,"",-1);

                 }

             }

             var isTime = function(){

                 var _istime = Cookies.get('istime'); //获取name为'istime'的cookies;

                 if(_istime ){  //判断name为'istime'的cookies存不存在;

                         var time1=new Date();

                         var str1;

                         str1=time.getSeconds();

                         if(str1 - _istime > 0 ){

                             alert(str1 - _istime);

                         }

                 }

             };

             $(function(){

                 isTime();

             })

         })(this)

     </script>

  </body>

 </html>

js设置、获取、清除cookie的更多相关文章

  1. 【转】分享前端开发中通过js设置/获取cookie的一组方法

    在前端开发中,通常都需要获取并记录用户的某些操作设置,这样可以使用户下一次访问网站时不用进行重复的调整设置同一个功能. js方法的完整代码如下: var cookie = { set:function ...

  2. springboot项目：登录 登录aop拦截 使用Redis与cookie 进行设置获取清除操作

    登录.登出: 第一步:在pom文件中引入依赖 <dependency> <groupId>org.springframework.boot</groupId> &l ...

  3. js 设置 获取css样式

    先看一段代码,为了体现一会下面说的js用style获取css样式的不同 一:给div设置margin-left(用style设置css样式没什么问题) box.style.marginLeft=&qu ...

  4. JS设置获取cookies

    结合JavaScript权威指南,加上项目开发时在网上搜集的资料,整理了两种设置和获取cookie的方法. <script> //设置cookie  方法一function setCook ...

  5. vue 存取、设置、清除cookie

    步骤: 第一步:assets目录下添加cookie.js文件 export function setCookie(c_name,value,expire) { var date=new Date() ...

  6. js保存,获取,删除cookie的操作

    [转]来自:http://blog.csdn.net/itmyhome1990/article/details/7363816 JSP表单页面 <form action="login& ...

  7. 如何设置,获取,删除cookie?

    cookie : 存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来像访问者电脑上存储数据 1.不同的浏览器存放的cookie位置不一样,也是不能通用的 2.cookie的存储 ...

  8. js设置和读取cookie

    /*path参数:表示cookie所在的目录,.net默认为/(根目录).在同一个服务器上有目录如下:/test/,/test/aa/,/test /bb/,现设一个cookie1的path为/tes ...

  9. js设置、获取单值cookie和多值cookie

    js设置.获取单值cookie和多值cookie,代码如下: var CookieUtil = (function () { var Cookie = function () { // 获取单值coo ...

  10. Js设置及获取Cookie的方法

    Login页面设置Cookie: <script type="text/javascript"> if(json.result=="true") { ...

随机推荐

  1. iOS开发——Localizable.strings

    这篇写的不多,但是绝对诚意满满.不会像别人一样,要不不详细,要不罗里吧嗦一堆. 1.创建Localizable.strings文件 Command+N—>iOS—>Resource—> ...

  2. tp框架命名空间

    命名空间:相当于虚拟的目录在tp里面主要为了实现自动加载类 TP框架下有一个初始命名空间(相当于根目录)初始命名空间:ThinkPHP\Library 在初始命名空间下又包含很多根命名空间这些根命名空 ...

  3. AngularJS 讲解,四 Directive

    AngularJS  Directive 自定义指令(我最喜欢AngularJs的功能之一) 一:什么时候我们会用到directive 1.使html更具语义化,不用深入了解研究代码的逻辑便可知道大致 ...

  4. 数字规律：Pascal‘s triangle

    Given an integer n, return the number of trailing zeroes in n!. Note: Your solution should be in pol ...

  5. SQL SERVER 2000 数据恢复（分离数据库+附加数据库）

    一.分离数据库     SQL Server 2000允许分离数据库的数据和事务日志文件,然后将其重新附加到同一台或另一台服务器上.分离数据库将从SQL Server 删除数据库,所以当点击“分离数据 ...

  6. 转化成maven dependencis

    右键工程--->configure--->convert to maven project

  7. ThinkPHP使用技巧经验总结

    add方法返回主键(id)的值 在往数据表中添加数据时调用add方法,默认返回值就是刚添加的id值,就不用再去查询了. save方法返回值的判断 在修改数据时,如果修改成功返回的是1,不成功则是0,如 ...

  8. jmeter接口测试实践

    一.什么是接口测试? 接口测试是测试系统组件间接口的一种测试.接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点.测试的重点是要检查数据的交换,传递和控制管理过程,以及系统间的相互逻 ...

  9. Oracle 11g RAC使用Manual和Policy Managed方法配置(转)

    原文地址:http://czmmiao.iteye.com/blog/2128771 软件环境: 操作系统:Red Hat Enterprise Linux 5.4(Tikanga)Oracle:11 ...

  10. HDU-2502-月之数

    题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=2502 分析: 比如n=4时,有: 1000 1001 1010 1011 1100 1101 1110 ...