js 天数倒计时时间倒计时

àì夳堔傛蜴生んèń 2022-09-11 12:10 228阅读 0赞

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn?: () => void) { 
      let timer = window.setInterval(() => { 
        let curTime = getEachTime(endDateStr);
        if (outValue) { 
          outValue.value = curTime;
        }
        if (curTime === '0天0小时0分钟0秒') { 
          fn && fn();
        }
      }, 1000);
      const c = () => { 
        clearInterval(timer);
      };
      return c;
    }
    export function getEachTime(endDateStr: string, startDateStr?: string) { 
      // 结束时间
      let endDate = new Date(endDateStr);
      // 当前时间
      let nowDate = new Date();
      if (startDateStr) { 
        nowDate = new Date(String(startDateStr));
      }
      // 相差的总秒数
      let totalSeconds = Math.abs(parseInt((endDate - nowDate) / 1000));
      // 天数
      let days = Math.floor(totalSeconds / (60 * 60 * 24));
      // 取模（余数）
      let modulo = totalSeconds % (60 * 60 * 24);
      // 小时数
      let hours = Math.floor(modulo / (60 * 60));
      modulo = modulo % (60 * 60);
      // 分钟
      let minutes = Math.floor(modulo / 60);
      // 秒
      let seconds = modulo % 60;
      // 输出到页面
      let time = `${ days}天${ hours}小时${ minutes}分钟${ seconds}秒`;
      console.log(time);
      return time;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，228人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 229 阅读

相关 js倒计时

//倒计时 function show_time() { //正数表达式 var re = /^\d+(?=\.{0,1}

我就是我/ 2022年08月05日 07:49/ 0 赞/ 171 阅读

相关时间倒计时

距年底还有多长时间 <div id="a"></div> <div id="b"></div> <script> functio

柔光的暖阳◎/ 2022年07月15日 15:10/ 0 赞/ 163 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 317 阅读

相关 JS时间倒计时

[JS时间倒计时][JS] HTML <div class="con"> <div class="time">

逃离我推掉我的手/ 2022年04月24日 04:44/ 0 赞/ 183 阅读

相关 js时间倒计时实现

<li id="time" style="display: none">3:00</li> $(function () {

青旅半醒/ 2022年04月22日 04:28/ 0 赞/ 263 阅读

相关 js倒计时

倒计时 { padding: 0; margin: 0; box

亦凉/ 2022年01月30日 02:19/ 0 赞/ 210 阅读

相关 js倒计时

　　　　　　　　　　　　　　var startTime = Date.parse(new Date())/1000;//开始时间

太过爱你忘了你带给我的痛/ 2021年10月23日 10:55/ 0 赞/ 374 阅读

相关 js倒计时

![20190820151447888.png][] function tow(n) { return n >= 0 &&

- 日理万妓/ 2021年10月19日 09:52/ 0 赞/ 386 阅读

相关 JS 倒计时

经常遇到需要倒计时的地方，下面的JS可以简单实现倒计时，当然可以加上Css使得界面更加美观！ `<script type=` `"text/javascript"` `>`

约定不等于承诺〃/ 2021年09月29日 17:34/ 0 赞/ 494 阅读