Jquery实现倒计时
最近需要写一个倒计时的效果,就大体写了一下。有什么不足,请多多见谅
<script type="text/javascript"> var SysSecond; var InterValObj; var barcode; $(document).ready(function () { SysSecond = parseInt($("#remainSeconds").html()); //这里获取倒计时的起始时间 InterValObj = window.setInterval(SetRemainTime, 1000); //间隔函数,1秒执行 barcode = $("#barcode").html(); }); //将时间减去1秒,计算天、时、分、秒 function SetRemainTime() { if (SysSecond > 0) { SysSecond = SysSecond - 1; var second = Math.floor(SysSecond % 60); // 计算秒 var minite = Math.floor((SysSecond / 60) % 60); //计算分 var hour = Math.floor((SysSecond / 3600) % 24); //计算小时 var day = Math.floor((SysSecond / 3600) / 24); //计算天 if (day > 0) { if (day == 1) { $("#remainTime").html(day + "DAY " + hour + ":" + minite + ":" + second + ""); } else { $("#remainTime").html(day + "DAYS " + hour + ":" + minite + ":" + second + ""); } } else { $("#remainTime").html(hour + ":" + minite + ":" + second + ""); } } else {//剩余时间小于或等于0的时候,就停止间隔函数 location.href = "/product/countdown.aspx?fn=" + barcode + ""; window.clearInterval(InterValObj); //这里可以添加倒计时时间为0后需要执行的事件 } }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步