<!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. elya：给移动APP创业者的工具集(一)

    作为移动APP的创业者,往往遇到的困扰是,人家都开发过的功能了,劳资还得辛辛苦苦开发一遍,比如说什么积分系统啊,什么IM组件啊,什么滤镜啊,而且发一个版本官网就得改一次,做一次微信营销就要开发个H5页 ...

  2. ANSI标准

    NSI:美国国家标准学会(AMERICAN NATIONAL STANDARDS INSTITUTE: ANSI)成立于1918年.当时,美国的许多企业和专业技术团体,已开始了标准化工作,但因彼此间没 ...

  3. ios 屏幕方向的设置

    ref: http://www.cnblogs.com/niit-soft-518/p/5611298.html 实际的项目需求.root是TabBarController,里面有4个navigati ...

  4. problem 202,263、232、21、231

    [263]Ugly Number Write a program to check whether a given number is an ugly number. Ugly numbers are ...

  5. 四 APPIUM GUI讲解(Windows版)

    Windows版本的APPIUM GUI有以下图标或者按钮: ·Android Settings  - Android设置按钮,所有和安卓设置的参数都在这个里面 ·General Settings – ...

  6. 会话Cookie及session的关系(Cookie & Session)

    会话Cookie及session的关系(Cookie & Session) 在通常的使用中,我们只知道session信息是存放在服务器端,而cookie是存放在客户端.但服务器如何使用sess ...

  7. 5分钟了解MySQL5.7的Online DDL雷区

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://suifu.blog.51cto.com/9167728/1855872 Part ...

  8. JavaScript对象属性的基础教程指南

    JavaScript是使用“对象化编程”的,或者叫“面向对象编程”的.所谓“对象化编程”,意思是把JavaScript能涉及的范围划分成大大小小的对象,对象下面还继续划分对象直至非常详细为止,所有的编 ...

  9. js架构设计模式——你对MVC、MVP、MVVM 三种组合模式分别有什么样的理解？

    你对MVC.MVP.MVVM 三种组合模式分别有什么样的理解? MVC(Model-View-Controller)MVP(Model-View-Presenter)MVVM(Model-View-V ...

  10. xhtmlrenderer渲染pdf，中文换行

    在实际开发中,发现在table中显示中文,渲染出来的pdf,中文内容不自动换行.经过搜索发现了一种解决方案,如下: 重写Breaker,修改right计算方式 /* * Breaker.java * ...