前端开发项目的过程中,经常会遇到秒杀倒计时或者活动倒计时效果,实现的方式也很简单,主要使用的是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")
根据自己项目的实际需要去处理下就好了。