JS实现活动秒杀倒计时

Posted ygg1221

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS实现活动秒杀倒计时相关的知识,希望对你有一定的参考价值。


前端开发项目的过程中,经常会遇到秒杀倒计时或者活动倒计时效果,实现的方式也很简单,主要使用的是js中的日期对象。

实现方式如下:

function countDown(times) {      var nowTime = Date.now(); //当前时间   var setDate = new Date(times);   var setTime = setDate.getTime(); //设定的时间     //获取剩余时间总秒数   var getTimes = (setTime - nowTime) / 1000;     //获取天数   var d = parseInt(getTimes / 60 / 60 / 24);   d = d < 10 ? 0 + d : d;     //获取小时   var h = parseInt(getTimes / 60 / 60 % 24);   h = h < 10 ? 0 + h : h;     //获取分钟   var m = parseInt(getTimes / 60 % 60);   m = m < 10 ? 0 + m : m;     //获取秒数   var s = parseInt(getTimes % 60);   s = s < 10 ? 0 + s : s;     return d + "天" + h + "时" + m + "分" + s + "秒";    }

比如活动的开始时间是2020-08-21 12:00:00

那我们可以获取到如下

countDown("2020-08-21 12:00:00")

根据自己项目的实际需要去处理下就好了。


以上是关于JS实现活动秒杀倒计时的主要内容,如果未能解决你的问题,请参考以下文章

PHP精确到毫秒秒杀倒计时实例

静态页面:原生JS模拟京东秒杀专场倒计时

jquery插件之倒计时-团购秒杀

如何在使用片段和计时器的选项卡式活动上更新 UI

淘宝秒杀笔记

js实现模拟自动点击按钮,并且在10秒倒计时之后疯狂点击