JavaScript顯示剩余時間函數


實現思路:

  1. 輸入的時間減去現在的時間就是剩余的時間,但是不能拿着時分秒相減,比如05分減去25分,結果會是負的。
  2. 可以用時間戳來做,用戶輸入時間總的毫秒數減去現在時間的總的毫秒數,得到的就是剩余時間的毫秒數。
  3. 把剩余時間總的毫秒數轉換為天、時、分、秒 (時間戳轉換為時分秒)。
  4. 轉換公式如下:
  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; // times是剩余時間總的秒數 
    var d = parseInt(times / 60 / 60 / 24); // 天
    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-10-9 00:00:00'));  //設置的倒計時截止日期為2020年10月9日00點

輸出結果:

02天03時08分44秒


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM