js截取时间段进行倒计时和指定时间倒计时 雨点打透心脏的1/2处 2023-02-11 03:15 13阅读 0赞 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>js实现截取时间段进行倒计时和指定时间倒计时</title> </head> <body> <div id="leftTime"></div> <script> let countDownBar = null; // 定时器句柄 const CURRENTTIME = new Date(); // 当前时间 const TIMEOUT_LIMIT = 7200000; // 2小时 ms let orderCreatedTime = 0; // 计算时间差 function countDownServer(time) { let leftTime = null; if (time) { let flag = CURRENTTIME - time >= TIMEOUT_LIMIT ? 0 : (TIMEOUT_LIMIT - (CURRENTTIME - time)); leftTime = new Date((CURRENTTIME.getTime() + flag)) - (new Date()); } else { leftTime = new Date((CURRENTTIME.getTime() + TIMEOUT_LIMIT)) - (new Date()); } let days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10), hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10), minutes = parseInt(leftTime / 1000 / 60 % 60, 10), seconds = parseInt(leftTime / 1000 % 60, 10); if (seconds < 0) { // 执行具体逻辑 clearTimeout(countDownBar); return false; } days = fix(days, 2); hours = fix(hours, 2); minutes = fix(minutes, 2); seconds = fix(seconds, 2); countDownBar = setTimeout(function() { countDownServer(orderCreatedTime); }.bind(this), 1000); let countDown = { h: hours, m: minutes, s: seconds, d: days }; console.log(countDown); //document.body.innerHTML='剩余时间:'+countDown.d+'天'+countDown.h+'小时'+countDown.m+'分钟'+countDown.s+'秒'; document.getElementById("leftTime").innerHTML='剩余时间:'+countDown.d+'天'+countDown.h+'小时'+countDown.m+'分钟'+countDown.s+'秒'; } function fix(num, length) { return ('' + num).length < length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' + num; } // countDownServer(); // 开启两小时倒计时 orderCreatedTime = new Date("2020/05/21 13:30:26"); // 创建时间 // 通过获取创建时间和现在的时间,得到两者的毫秒差值,使用差值进行倒计时(限制时间两小时内) countDownServer(orderCreatedTime); // 使用指定时间 </script> </body> </html> ![在这里插入图片描述][2020052113480828.png] **原文链接:** [https://blog.csdn.net/qq\_15253407/article/details/87350775][https_blog.csdn.net_qq_15253407_article_details_87350775] **参考其他链接:** [https://www.cnblogs.com/wanlibingfeng/p/5938619.html][https_www.cnblogs.com_wanlibingfeng_p_5938619.html] [https://blog.csdn.net/qq\_44075557/article/details/103096899][https_blog.csdn.net_qq_44075557_article_details_103096899] [2020052113480828.png]: https://img-blog.csdnimg.cn/2020052113480828.png [https_blog.csdn.net_qq_15253407_article_details_87350775]: https://blog.csdn.net/qq_15253407/article/details/87350775 [https_www.cnblogs.com_wanlibingfeng_p_5938619.html]: https://www.cnblogs.com/wanlibingfeng/p/5938619.html [https_blog.csdn.net_qq_44075557_article_details_103096899]: https://blog.csdn.net/qq_44075557/article/details/103096899
相关 js截取时间段进行倒计时和指定时间倒计时 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 雨点打透心脏的1/2处/ 2023年02月11日 03:15/ 0 赞/ 14 阅读
相关 js 天数倒计时 时间倒计时 export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 321 阅读
相关 js倒计时 //倒计时 function show_time() { //正数表达式 var re = /^\d+(?=\.{0,1} 我就是我/ 2022年08月05日 07:49/ 0 赞/ 282 阅读
相关 时间倒计时 距年底还有多长时间 <div id="a"></div> <div id="b"></div> <script> functio 柔光的暖阳◎/ 2022年07月15日 15:10/ 0 赞/ 233 阅读
相关 JS时间倒计时 [JS时间倒计时][JS] HTML <div class="con"> <div class="time"> 逃离我推掉我的手/ 2022年04月24日 04:44/ 0 赞/ 260 阅读
相关 js时间倒计时实现 <li id="time" style="display: none">3:00</li> $(function () { 青旅半醒/ 2022年04月22日 04:28/ 0 赞/ 346 阅读
相关 js倒计时 var startTime = Date.parse(new Date())/1000;//开始时间 太过爱你忘了你带给我的痛/ 2021年10月23日 10:55/ 0 赞/ 468 阅读
相关 js倒计时 ![20190820151447888.png][] function tow(n) { return n >= 0 && - 日理万妓/ 2021年10月19日 09:52/ 0 赞/ 479 阅读
相关 JS 倒计时 经常遇到需要倒计时的地方,下面的JS可以简单实现倒计时,当然可以加上Css使得界面更加美观! `<script type=` `"text/javascript"` `>` 约定不等于承诺〃/ 2021年09月29日 17:34/ 0 赞/ 579 阅读
还没有评论,来说两句吧...