js cookie 页面倒计时

suosuopuo 发布于2019-07-01 10:52 / 2194人阅读

摘要：疯了啦写了一篇没有保存需求页面倒计时只从第一次加购开始公共方法的设置获取实现步骤点击加购记录点击当前时间设置个在点击页面在支付页面调用方法当前的时间戳

疯了啦写了一篇没有保存
需求:页面倒计时只从第一次加购开始
公共方法
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 =  ""+m+":"+s+"";
              jQuery("#payment_time").html(str);
          }else if(c<0){
              clearInterval(timeout);
              jQuery("#payment_words").hide();
              jQuery("#payment_end").show();
          }
      }, 1000);
  }

};

GPU云服务器云服务器页面倒计时 html的页面倒计时 js cookie js cookie 攻击

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/29576.html

js cookie 页面倒计时

摘要：疯了啦写了一篇没有保存需求页面倒计时只从第一次加购开始公共方法的设置获取实现步骤点击加购记录点击当前时间设置个在点击页面在支付页面调用方法当前的时间戳疯了啦写了一篇没有保存需求:页面倒计时只从第一次加购开始公共方法cookie的设置获取function getCookie(c_name){ if (document.cookie.length>0) { c_start...

lylwyy2016 2019-08-02 11:53 评论0 收藏0
js cookie 页面倒计时

摘要：疯了啦写了一篇没有保存需求页面倒计时只从第一次加购开始公共方法的设置获取实现步骤点击加购记录点击当前时间设置个在点击页面在支付页面调用方法当前的时间戳疯了啦写了一篇没有保存需求:页面倒计时只从第一次加购开始公共方法cookie的设置获取function getCookie(c_name){ if (document.cookie.length>0) { c_start...

h9911 2019-08-23 12:38 评论0 收藏0
JavaScript 基础知识 - BOM篇

摘要：在中我们需要掌握定时器。定时器不是我们调用，我们只需要把函数的地址传过去，时间到了，会自己调用。参数延时的时间单位毫秒返回定时器的，用于清除示例代码延时定时器秒后将执行的代码。 showImg(https://segmentfault.com/img/remote/1460000012575821?w=1920&h=1080); 前言本篇文章是JavaScript基础知识的BOM篇，...

garfileo 2019-08-01 18:16 评论0 收藏0
JavaScript 基础知识 - BOM篇

摘要：在中我们需要掌握定时器。定时器不是我们调用，我们只需要把函数的地址传过去，时间到了，会自己调用。参数延时的时间单位毫秒返回定时器的，用于清除示例代码延时定时器秒后将执行的代码。 showImg(https://segmentfault.com/img/remote/1460000012575821?w=1920&h=1080); 前言本篇文章是JavaScript基础知识的BOM篇，...

Object 2019-08-21 18:24 评论0 收藏0