免费咨询热线:020-85289921

QQ群1:590755485

QQ群2:50056937

了解更多,敬请垂询 020-85289921

您还可以

在线咨询
首页  >  电商资讯  >  商淘wstmart电商平台的限时抢购的倒计时是怎么实现的
商淘wstmart电商平台的限时抢购的倒计时是怎么实现的
2020-06-23 16:37:39  浏览量:105

商淘wstmart电商平台的营销模块中的限时抢购功能是如何实现的呢?实现该功能的函数代码段是什么的呢?接下来就由小编wstmart带大家一起来看看吧。

商淘wstmart电商平台的秒杀活动的倒计时是根据后台设置好的时段与当前时间来计算,然后通过定时器来执行代码形成倒计时效果。

在显示倒计时的页面调用WST.countDown函数。

代码段:

WST.countDown = function(opts){
   var itvTime = (opts.countDownType==1)?100:1000;
   var f = {
      zero: function(n){
         var n = parseInt(n, 10);
         if(n > 0){
            if(n <= 9){
               n = "0" + n;   
            }
            return String(n);
         }else{
            return "0";    
         }
      },
      count: function(){
         if(opts.nowTime){
            var d = new Date();
            d.setTime(opts.nowTime.getTime()+itvTime);
            opts.nowTime = d;
            d = null;
         }else{
            opts.nowTime = new Date();
         }
         //现在将来秒差值
         var dur = 0;
         var pms = {
            msec: "0",
            sec: "0",
            mini: "0",
            hour: "0",
            day: "0"
         };
         var dur = Math.round((opts.endTime.getTime() - opts.nowTime.getTime()));
         if(dur >= 0){
            pms.msec = Math.floor(dur / 100 % 10);
            pms.sec = Math.floor((dur /1000 % 60)) > 0? f.zero(dur / 1000 % 60) : "00";
            pms.mini = Math.floor((dur / 60000)) > 0? f.zero(Math.floor((dur / 60000)) % 60) : "00";
            pms.hour = Math.floor((dur / 3600000)) > 0? f.zero(Math.floor((dur / 3600000)) % 24) : "00";
            pms.day = Math.floor((dur / 86400000)) > 0? f.zero(Math.floor(dur / 86400000)) : "00";
         }
         pms.last = dur;
         pms.nowTime = opts.nowTime;
         opts.callback(pms);
         if(pms.last<=0)clearInterval(itv);
      }
   };
   var itv = setInterval(f.count, itvTime);
   return itv;
};

以上就是关于商淘wstmart电商平台实现限时抢购的原理及其函数代码,若想想要了解关于商淘wstmart电商平台的更多详细信息及操作设置讲解,或需要开发一套网上商城,可以登录商淘软件的官方网站进行咨询查阅的哦。