倒计时秒杀
转载 countDown() {
//设置秒杀结束时间
var endTime = new Date("2021-09-17 18:51:59"),
endSeconds = endTime.getTime();
//定义变量保存剩余的时间
var d = "00",
h = "00",
m = "00",
s = "00";
//使用箭头函数this
var id = setInterval(() => {
seckill();
}, 1000);
var seckill = () => {
const _this = this;
var nowTime = new Date(); //获取当前时间
//获取时间差,单位为秒
var remaining = parseInt((endSeconds - nowTime.getTime()) / 1000);
if (remaining > 0) {
//判断秒杀是否过期
//计算剩余天数(除以60*60*24取整,获取剩余的天数)
d = parseInt(remaining / 86400);
//计算剩余小时(除以60*60转换为小时,与24小时取模,获取剩余的小时)
h = parseInt((remaining / 3600) % 24);
//计算剩余分钟(除以60转为分钟,与60取模,获取剩余的分钟)
m = parseInt((remaining / 60) % 60);
//计算剩余秒(与60取模,获取剩余的秒数)
s = parseInt(remaining % 60);
_this.day = d;
// console.log(_this.day,"this")
//统一利用两位数表示剩余的天、小时、分钟、秒
d = d < 10 ? "0" + d : d;
h = h < 10 ? "0" + h : h;
m = m < 10 ? "0" + m : m;
s = s < 10 ? "0" + s : s;
_this.days = d;
_this.hour = h;
_this.minute = m;
_this.second = s;
} else {
clearInterval(id); //秒杀过期,取消定时器
d = h = m = s = "00";
_this.days = d;
_this.hour = h;
_this.minute = m;
_this.second = s;
}
// document.getElementById('day').innerHTML = d ;
// document.getElementById('hour').innerHTML = h;
// document.getElementById('minute').innerHTML = m;
// document.getElementById('second').innerHTML = s;
};
},
正道的光终将来临,当太阳升起的时候,光芒总会普照大地温暖人间。些许的阴霾也终会有被阳光洒满的一天
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
下一篇:SAP后台表
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
JS实现活动秒杀倒计时
前端开发项目的过程中,经常会遇到秒杀倒计时或者
前端 javascript 前端开发 -
倒计时jquery代码 jquery 倒计时
倒计时jquery代码 jquery 倒计时
html Math ajax