zoukankan      html  css  js  c++  java
  • 倒计时案例分析

     1.核心算法:输入的时间减去现在的时间就是剩余的时间,即倒计时,但是不能拿时分秒

        相减,比如05分减去25分,结果是负数。

     2.用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余

       时间的毫秒数。

     3.把剩余时间总的毫秒数转换为天、时、分、秒(时间戳转换为时分秒)

        转换公式如下:

        d = parseInt(总秒数/60/60/24);  // 计算天数

        h = parseInt(总秒数/60/60%24); // 计算小时

       m = parseInt(总秒数/60%60); // 计算分数

        s = parseInt(总秒数%60); // 计算当前秒数

    实现倒计时:

    function countDown(time) {
      var nowTime = +new Date();  // 返回的是当前时间的总毫秒数
      var inputTime = +new Date(time);
      var times = (inputTime - nowTime) / 1000;
      var d = parseInt(times / 60 / 60 / 24);
      var d = d < 10 ? '0' + d : d;
      var h = parseInt(times / 60 / 60 % 24);
      h = h < 10 ? '0' + h : h;
      var m = parseInt(times / 60 % 60);
      m = m < 10 ? '0' + m : m;
      var s = parseInt(times % 60);
      s = s < 10 ? '0' + s : s;
      
      return d + '天' + h + '时' + m + '分' + s + '秒';
    }
    console.log(countDown('2020-4-13 18:00:00'))
  • 相关阅读:
    iPhone 6和iPhone 6 plus的AV Foundation框架特性
    实时人脸识别
    相机 视频流数据--预览 拍照 变焦
    AVCaptureStillImageOutput获取静态图像
    jquery返回上一页面
    js闭包
    一些正则匹配
    嵌套 click 第二层 click会叠加 导致 触发 多次
    QPS
    除了汉字全部过滤
  • 原文地址:https://www.cnblogs.com/ladybug7/p/12688399.html
Copyright © 2011-2022 走看看