js通用获取倒计时:00天00时00分00秒

一、实际效果图

二、前端代码参考

JS模板

/**
 * 作者:丸子
 * 描述:已知截止日期yyyy-MM-dd HH:mm:ss 获取倒计时00天00时00分00秒。记得先引入js文件
 */

  var endTime="2019-01-30 16:00:00"; // 已知结束时间
  
  // 转成2019/01/14 16:18:59 这种 
  var _endTime = common.replaceStr(endTime);
  console.log(_endTime);
  
  // 倒计时 调用
  common.countDown(_endTime);


 

 

三、核心代码

/**
 * 作者:丸子
 * 描述:已知截止日期yyyy-MM-dd HH:mm:ss 获取倒计时00天00时00分00秒
 */
'use strict';

window.common = window.common || (function(exports) {
  /*
   * 倒计时dates:2018/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(); // 转成毫秒数相减
      // console.log("t" + t);

      // 转换
      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, '')
   * 时间2018-1-17 23:11:59换变成2018/01/14 16:18:59
   */
  exports.replaceStr = function(str) {
    return str.replace(/-/g, '/');
  };
   

  return exports;
})({});

js通用获取倒计时:00天00时00分00秒_第1张图片

你可能感兴趣的:(js常见问题,获取倒计时,js获取日期)