资讯专栏INFORMATION COLUMN

js cookie 页面倒计时

h9911 / 1563人阅读

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

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

  }

};

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

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

相关文章

  • js cookie 页面计时

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

    lylwyy2016 评论0 收藏0
  • js cookie 页面计时

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

    suosuopuo 评论0 收藏0
  • JavaScript 基础知识 - BOM篇

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

    garfileo 评论0 收藏0
  • JavaScript 基础知识 - BOM篇

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

    Object 评论0 收藏0
  • 【Step-By-Step】一周面试题深入解析 / 周刊 03

    摘要:禁止内联脚本执行规则较严格,目前发现使用。合理使用上报可以及时发现,利于尽快修复问题。因为事件会从目标元素一层层冒泡至对象。允许给一个事件注册多个监听。表示在捕获阶段触发,表示在冒泡阶段触发。 关于【Step-By-Step】 Step-By-Step (点击进入项目) 是我于 2019-05-20 开始的一个项目,每个工作日发布一道面试题。每个周末我会仔细阅读大家的答案,整理最一份...

    cnTomato 评论0 收藏0

发表评论

0条评论

h9911

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<