简单封装限时秒杀倒计时 js版本
核心代码封装
// 倒计时功能封装
_setEndTimes(begintime, endtime) {
// 验证秒杀开始时间是否过期
// 后端api 只输出 开始时间 <= 当前时间 <= 结束时间
let t = setInterval(()=>{
if (new Date().getTime() >= parseInt(begintime) && new Date().getTime() <= parseInt(endtime)) {
// 计算当前时间 - 结束时间 转成秒
let time = Math.abs((new Date().getTime() - parseInt(endtime)) / 1000);
// 天 Math.floor
let d = parseInt(time / 86400);
// 时
let h = parseInt((time % 86400) / 3600);
// 分
let m = parseInt((time % 3600) / 60);
// 秒
let s = parseInt(time % 60);
// 格式化 00 : 00 : 00
h = h < 10 ? '0' + h : h;
m = m < 10 ? '0' + m : m;
s = s < 10 ? '0' + s : s;
this.endTimeObj = {d,h,m,s};
}else{
this.endTimeObj = {d:'0',h:'00',m:'00',s:'00'};
clearInterval(t);//清除定时器
console.log('秒杀过期');
}
},1000);
},
本文来自博客园,作者:JackieDYH,转载请注明原文链接:https://www.cnblogs.com/JackieDYH/p/17634587.html
标签:
javascript
, 倒计时
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现