我是靠谱客的博主 会撒娇背包,最近开发中收集的这篇文章主要介绍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实现活动秒杀倒计时的全部内容,希望文章能够帮你解决JS实现活动秒杀倒计时所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(35)

评论列表共有 0 条评论

立即
投稿
返回
顶部