<!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. springMVC+Hibernate配置

    本文描述下 sypro 项目中使用 springMVC+Hibernate配置,初学SpringMVC做下简单整理解. 1.web项目首先我们要使用 web.xml文件将 spring配置引入进来 & ...

  2. win7 下安装 ubuntu 16.04双系统

    Ubuntu 每年发布两个版本,目前最新正式版版本也升到了 16.04.Ubuntu 16.04 开发代号为"Xenial Xerus",为第六个长期支持(LTS)版本,其主要特色 ...

  3. HTML5 EventSource的用法

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  4. driver_register()函数解析

    driver_register()函数解析 /** * driver_register - register driver with bus * @drv: driver to register *  ...

  5. UVa 10814 - Simplifying Fractions

    题目大意:给一个分数,对其进行化简.因为分子.分母最大为1030,所以用要用大数. import java.io.*; import java.util.*; import java.math.*; ...

  6. 医院his系统数据库恢复

    医院IT系统的重要性堪比金融行业,“银行系统宕机,老百姓不能取钱:医院HIS系统宕机,老百姓不能看病”, 医院信息系统称得上是迄今为止企业级信息系统中最复杂的一类.  某医院HIS系统SQL2008数 ...

  7. python查询mysql中文乱码问题

    python2.7 查询或者插入中文数据在mysql中的时候出现中文乱码 --- 可能情况: 1.mysql数据库各项没有设置编码,默认为'latin' 2.使用MySQL.connect的时候没有设 ...

  8. MySQL动态添删改列字段

    动态增加列字段: ); 动态删除列字段: alter table TableName drop column field_id; 动态修改列字段: alter table TableName chan ...

  9. 非常完整的PHP的mysql类

    非常完整的PHP的MySQL操作类, 即使PDO, ActiveRecord, ORM, 框架, Framework… 都不如这个强大和好用. 有了它, 你就不会再需要任何MySQL封装了,此类已经在 ...

  10. js原生设计模式——8单例模式

    1.单例模式——在js中就是指的单个对象,可用于命名空间声明 2.示例 <!DOCTYPE html><html lang="en"><head> ...