js cookie 页面倒计时

疯了啦 写了一篇没有保存
需求:页面倒计时 只从第一次加购开始
公共方法
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 setCookie(cname,cvalue,exdays) {

var d = new Date();
d.setTime(d.getTime() + (exdays*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";

}

实现步骤
点击加购 -> 记录点击当前时间 ->设置个cookie
在点击页面:
function payment() {

    var n = getCookie(‘now_time‘);
    if(!n){
        var nowtime = new Date();
        nowtime= nowtime.getTime();
        setCookie(‘now_time‘,nowtime,5);
    }

}

在支付页面调用方法:
now:当前的时间戳
function PaymentCountdown(now){

  var now = now;
  var w = getCookie(‘now_time‘);
  if(w){
      var timeout =setInterval(function(){
          var dateTime = new Date();
          dateTime = dateTime.getTime();
          var diff = dateTime - now;
          var alltime = 5*60*1000;
          var c = alltime-diff;
          if(c>=0){
              var m = Math.floor(c/1000/60%60);
              var s = Math.floor(c/1000%60);
              var str =  "<span>"+m+"</span>:<span>"+s+"</span>";
              jQuery("#payment_time").html(str);
          }else if(c<0){
              clearInterval(timeout);
              jQuery("#payment_words").hide();
              jQuery("#payment_end").show();
          }
      }, 1000);

  }

};

原文地址:https://www.cnblogs.com/jlfw/p/11822939.html

时间: 2024-10-31 05:45:43

js cookie 页面倒计时的相关文章

vue.js实现页面倒计时跳转功能

需求分析: 页面倒计时5秒后进入系统主页,数字需要实时更新! <template> <div class=""> <h1>欢迎来到Vue.js项目首页</h1> <h2>你将在<span style="color:red">{{time}}</span>秒后进入系统</h2> </div> </template> <script> ex

js html 页面倒计时 精确到秒

<!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <DIV id="CountMsg" class="HotDate"> <span id="t_d">00天</span> <span id="t_h">

js中页面刷新和页面跳转的方法总结 [ 转自欢醉同学 ]

.js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascri

Jsp页面跳转和js控制页面跳转的几种方法

Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet.JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有

JS弹出框、对话框、提示框,JS关闭窗口、关闭页面和JS控制页面跳转

一.JS弹出框.对话框.提示框 //====================== JS最常用三种弹出对话框 ======================== //1弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //2弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { a

Node.js静态页面展示例子2

例程下载:https://files.cnblogs.com/files/xiandedanteng/nodejsStaticHtmlSample.rar 页面效果: Html页面代码(注意用文本编辑器如Editplus3保存文件时要指定编码为UTF-8,否则容易出现乱码): <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="

JS判断页面是否出现滚动条

今天无聊,帮一个网友解决一个很无聊的问题,用JS判断页面是否出现滚动条,在网上看了一些代码,经过验证并不起作用,下面是在网上搜索到的代码: 当可视区域小于页面的实际高度时,判定为出现滚动条,即: if (document.documentElement.clientHeight < document.documentElement.offsetHeight) scroll = true; 要使用 document.documentElement ,必须在页面头部加入声明: <!DOCTYPE

php开发之js修改页面css样式

在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下. test.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equi

JS 父页面调子页面(2种情况),子掉父级(1种)(转)

A :父级调用子级页面 ,非IFRAME情况,类似平级: window.open("子页面.html", "", "width=1024,height=768"); window.opener.子页面函数名字(); B : 父级调用子级页面 ,IFRAME情况 window.frames["iframe名字"].子页面的函数(); C: 子级调用父级就简单了 window.parent.getIdsChangeCate(ids