美文网首页
js抢购活动倒计时

js抢购活动倒计时

作者: zhanggongzi | 来源:发表于2018-09-01 21:13 被阅读0次

各种商城活动或者抽奖等活动页面中,我们总能看到倒计时。那么这种还剩多少时间的效果是怎么实现呢,让我们一起来写一个试试。

实现代码:

var datetimer = setInterval(function(){

var haveTime = parseInt((new Date("2018-01-31 17:11:00").getTime() - (+new Date()))/1000);

var day = parseInt(haveTime/3600/24);

var h = parseInt((haveTime/3600)%24);

var m = parseInt((haveTime/60)%60);

var s = parseInt(haveTime%60);

if(haveTime<=0){

console.log("活动已结束");

clearInterval(datetimer);

}else{

console.log("剩余:"+day+"天"+h+"时"+m+"分"+s+"秒");

}

},1000);

VM796:12 剩余:0天0时0分8秒

VM796:12 剩余:0天0时0分7秒

VM796:12 剩余:0天0时0分6秒

VM796:12 剩余:0天0时0分5秒

VM796:12 剩余:0天0时0分4秒

VM796:12 剩余:0天0时0分3秒

VM796:12 剩余:0天0时0分2秒

VM796:12 剩余:0天0时0分1秒

VM796:9 活动已结束

相关文章

  • js抢购活动倒计时

    各种商城活动或者抽奖等活动页面中,我们总能看到倒计时。那么这种还剩多少时间的效果是怎么实现呢,让我们一起来写一个试...

  • (转)JS实现活动精确倒计时

    背景 前端页面倒计时功能在很多场景中会用到,如运营活动开始倒计时和活动结束倒计时,又如购物网站的秒杀倒计时,抢购倒...

  • 一个简单的倒计时小例子

    倒计时在秒杀或抢购活动中尤为常用,那今天我就带大家写一种最简单的倒计时。

  • Android倒计时组件

    前言 倒计时组件在一些活动中经常使用,比如电商的抢购,会议,社交的活动等等,通常来说在页面关闭时取消倒计时并释放资...

  • 一场月饼引发的辞退,公司价值观与geek文化的碰撞!

    在昨天(9月12日),淘宝内部开启了12元月饼抢购活动,在抢购月饼的时候,阿里的五名技术人员利用js脚本刷单,然后...

  • 关于商品抢购案例的分析

    在抢购时间外:距离抢购时间开始还有:抢购开始时间和当前时间做对比如果抢购时间>当前时间 那么倒计时秒为 今天的抢...

  • 前端技术前沿8

    实现倒计时(天数、时、分、秒) parseInt() 函数可解析一个字符串,并返回一个整数。 抢购倒计时功能 抢购...

  • 前端小白之js抢购倒计时

    原理利用时间轴及秒转化成天时分秒的格式 js 知识小总结:秒换成天时分秒的公式 注意size函数为实现当为单数时前...

  • js实现仿淘宝抢购倒计时

    思路分析: 通过开始时间和结束时间可计算出剩余时间(转化成时间戳,得到时分秒,并精确到毫秒),放弃使用setint...

  • Swift 3.0(天,时,分,秒)倒计时秒杀物品(使用2个时间

    做电商的会遇到秒杀的活动,然后会有倒计时开始抢购的需求,写了个demo来解决这个需求,超级简单的,思路就是获取了当...

网友评论

      本文标题:js抢购活动倒计时

      本文链接:https://www.haomeiwen.com/subject/upauwftx.html