Javascript倒计时效果

相对于服务器的时间,天 时 分 秒

 // 倒计时
//param{Date}start 开始日期 2018-11-03 06:00:00
//param{Date}end 结束日期 2018-11-03 06:00:00
function countTime(start,end) {
  // 开始时间
  var date = new Date(start.replace(/-/g,'/')); // ios 不支持2018-11-03 06:00:00
  var now = date.getTime();
  //设置截止时间
  var endDate = new Date(end.replace(/-/g,'/'));
  var end = endDate.getTime();
  //时间差
  var leftTime = 0;
  var timer = null;

  var d=00,h=00, m = 00, s=00;
  count();
  function count() {
    now += 1000;
    leftTime = end - now;
    if (leftTime >= 0) {
        d = Math.floor(leftTime/1000/60/60/24);  
        h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
        m = Math.floor(leftTime / 1000 / 60 % 60);
        s = Math.floor(leftTime / 1000 % 60);
        if (h < 10 ) {
          h = '0'+h;
        }
        if (m < 10 ) {
          m = '0'+m;
        }
        if (s < 10 ) {
          s = '0'+s;
        }
    } else {
      h = 00;
      m = 00;
      s = 00;
      clearTimeout(timer);
    }
    document.getElementById("h").innerHTML = h;
    document.getElementById("m").innerHTML = m;
    document.getElementById("s").innerHTML = s;
    timer = setTimeout(function () {
        count();
    }, 1000);
  }


}
countTime("2018-11-03 06:00:00","2018-11-04 06:00:00");

相对于本地的时间,天 时 分 秒

// 倒计时
//param{Date}end 结束日期 2018-11-03 06:00:00
function countTime(end) {
  // 开始时间
  var date = new Date();
  var now = date.getTime();
  //设置截止时间
  var endDate = new Date(end.replace(/-/g,'/'));
  var end = endDate.getTime();
  //时间差
  var leftTime = 0;
  var timer = null;

  var h=00, m = 00, s=00;
  count();
  function count() {
    date = new Date());
    now = date.getTime();
    leftTime = end - now;
    if (leftTime >= 0) {
        h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
        m = Math.floor(leftTime / 1000 / 60 % 60);
        s = Math.floor(leftTime / 1000 % 60);
        if (h < 10 ) {
          h = '0'+h;
        }
        if (m < 10 ) {
          m = '0'+m;
        }
        if (s < 10 ) {
          s = '0'+s;
        }
    } else {
      h = 00;
      m = 00;
      s = 00;
      clearTimeout(timer);
    }
    document.getElementById("h").innerHTML = h;
    document.getElementById("m").innerHTML = m;
    document.getElementById("s").innerHTML = s;
    timer = setTimeout(function () {
        count();
    }, 1000);
  }


}
countTime("2018-11-04 06:00:00");
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 用定时器setInterval写一个简单的倒计时效果的例子,setInterval(执行的事件,间隔多少毫秒)。部...
    Wanlly阅读 1,607评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,280评论 19 139
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 14,092评论 6 13
  • 关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 32,220评论 2 89
  • 又是一年端午节,包粽子,划龙舟,做绿豆糕等都是必不可少的,非常感谢施姐带领我们做了香包,绿豆糕diy活动。施姐每次...
    小霜2018阅读 2,985评论 0 1

友情链接更多精彩内容