<!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. Post data using ajax in laravel 5

    转自:http://www.tuicool.com/articles/2u2mmmu Post data using ajax in laravel 5 to controller If you ar ...

  2. Keil MDK从未有过的详细使用讲解

    转自博客:http://blog.csdn.net/zhzht19861011/article/details/5846510 这博主关于MDK 的使用的文章,写的得TM的好  TM的实用! 真心收藏 ...

  3. IOS开发中UIAlertController（警告框）的使用

    步骤一.初始化: UIAlertController * inputname = [UIAlertController alertControllerWithTitle:@"未输入账户&qu ...

  4. jQuery之事件移除

    当事件执行完了,想取消事件的效果可以通过一定的办法来处理.比如bind()方法,可以通过unbind()方法来移除事件的效果. 比如下面的一个案例: <script type="tex ...

  5. SRM 592 DIV2 报告

    昨天下午查看邮箱,看到了topcoder的SRM比赛通知和cf的比赛通知,当时什么也不想做,心里空荡荡的,忽然就想参加一下,试试看.吃完晚饭回来一看,就剩十几分钟了,匆忙把平台下了,就开始等待比赛开始 ...

  6. 2782: [HNOI2006]最短母串

    2782: [HNOI2006]最短母串 Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 3  Solved: 2[Submit][Status][Web ...

  7. 环信 之 iOS 客户端集成二：配置库

    1. 添加依赖库 Build Phases → Link Binary With Libraries MobileCoreServices.framework CFNetwork.framework ...

  8. Java语言中IO流的操作规律学习笔记

    1,明确源和目的. 数据源:就是需要读取,可以使用两个体系:InputStream.Reader: 数据汇:就是需要写入,可以使用两个体系:OutputStream.Writer: 总结: 读:就是把 ...

  9. Mysql常用表管理语句

  10. 解剖 Elasticsearch 集群 - 之三

    解剖 Elasticsearch 集群 - 之三 本篇文章是一系列涵盖 Elasticsearch 底层架构和原型示例的其中一篇.在本篇文章中,我们会讨论 Elasticsearch 如何提供准实时搜 ...