一、最终效果
![1f9ec43252129781ee65fd6102a67483.png](https://i-blog.csdnimg.cn/blog_migrate/dd0a8217fd0d70890d1a77b0adc79237.jpeg)
也可以看后台打印:
![03a6dc9efe130297480c0856be81fdf9.png](https://i-blog.csdnimg.cn/blog_migrate/1a982a1c5d41132646c9b992a2f12b13.jpeg)
二、代码参考
调用方式:
获取倒计时:00天00时00分00秒
![da8e22c038ae6478a37403240427b7bf.png](https://i-blog.csdnimg.cn/blog_migrate/c4987009d178658c2ee7be3ba4594369.jpeg)
三、核心代码
封装的倒计时js
/** * 作者:楚洁自话 * 描述:已知截止日期yyyy-MM-dd HH:mm:ss 获取倒计时00天00时00分00秒 */'use strict';window.countdown = window.countdown || (function(exports) {/* * 倒计时dates:2019/01/14 16:18:59 * 天-时-分-秒 */exports.countDown = function(dates) {function down() {var EndTime = new Date(dates); // 结束时间var NowTime = new Date(); // 当前时间var t = EndTime.getTime() - NowTime.getTime(); // 转成毫秒数相减// 转换var d = parseInt(t / 1000 / 60 / 60 / 24), // 换算天h = parseInt(t / 1000 / 60 / 60 % 24), // 换算小时m = parseInt(t / 1000 / 60 % 60), // 换算分s = parseInt(t / 1000 % 60); // 换算秒// 处理成01 、11格式d < 10 ? d = '0' + d : d = d; // 天h < 10 ? h = '0' + h : h = h; // 时m < 10 ? m = '0' + m : m = m; // 分s < 10 ? s = '0' + s : s = s; // 秒console.log(d + '天' + h + '时' + m + '分' + s + '秒');// 结束了就清除if (t < 0) {clearTimeout(down);return false;};setTimeout(down, 1000);};down();};/* * 全局替换指定字符replace(/-/g, '') * 时间2019-1-17 23:11:59换变成2019/01/14 16:18:59 */exports.replaceStr = function(str) {return str.replace(/-/g, '/');};return exports;})({});
![90f236f4f1f7e327deb927a2b0c6162b.png](https://i-blog.csdnimg.cn/blog_migrate/b498615a75a0659ed41070103a97a4b1.jpeg)
感觉抽的不是很好还需要修改。每天一小点,加油!!
![61dd05285083e66d82c8451f5d54be37.png](https://i-blog.csdnimg.cn/blog_migrate/5d5c91e51bcea5c29c38c32354d819c0.jpeg)