请选择 进入手机版 | 继续访问电脑版

JS将毫秒转化成天时分秒的时间格式教程代码

[复制链接]
查看1971 | 回复0 | 2021-7-31 12:01 | 显示全部楼层 |阅读模式
JS将毫秒转化成天时分秒的时间格式代码
  1. <!DOCTYPE html>
  2.   <head></head>
  3.   <body>

  4.   </body>
  5. </html>
  6. <script>
  7.   /**
  8.    * @param {string} mss 毫秒值
  9.    * @return {string}
  10.    */
  11.   function formatDuring(mss) {
  12.     let millisecond = 1000;
  13.     let second = 60;
  14.     let minute = millisecond * second;
  15.     let hour = millisecond * second * second;
  16.     let day = millisecond * second * second * 24;

  17.     let days = parseInt(mss / day);
  18.     var hours = parseInt((mss % day) / hour);
  19.     var minutes = parseInt((mss % hour) / minute);
  20.     var seconds = parseInt(((mss % minute) / millisecond));

  21.     let dateStr = "";
  22.     if (days) {
  23.       dateStr = days + '天';
  24.     }
  25.     if (hours) {
  26.       dateStr += hours + '小时';
  27.     }
  28.     if (minutes) {
  29.       dateStr += minutes + '分钟';
  30.     }
  31.     if (seconds) {
  32.       dateStr += seconds + '秒';
  33.     }
  34.     return dateStr;
  35.   }

  36.     /**
  37.    * @param {string} mss 毫秒值
  38.    * @return {string}
  39.    */
  40.   function formatDuring1(mss) {
  41.     let date =new Date(mss);

  42.     let days = date.getDate();
  43.     let hours = date.getHours();
  44.     let minutes = date.getMinutes();
  45.     let seconds = date.getSeconds();

  46.     let dateStr = "";
  47.     if (days) {
  48.       dateStr = days + '天';
  49.     }
  50.     if (hours) {
  51.       dateStr += hours + '小时';
  52.     }
  53.     if (minutes) {
  54.       dateStr += minutes + '分钟';
  55.     }
  56.     if (seconds) {
  57.       dateStr += seconds + '秒';
  58.     }
  59.     return dateStr;
  60.   }

  61.   /**
  62.    *
  63.    * @param {Date} endtime 结束时间
  64.    * @return {string}
  65.    */
  66.   function showtime(endtime) {
  67.     let nowtime = new Date();  //获取当前时间
  68.     var mss = endtime.getTime() - nowtime.getTime();  //距离结束时间的毫秒数
  69.     return formatDuring(mss);  //返回倒计时的字符串
  70.   }

  71.   let newDate = new Date("2021-07-31 00:00:00");

  72.   var newDiv = document.createElement("div");
  73.   document.body.appendChild(newDiv);
  74.   // 定时器,每1秒执行一次
  75.   setInterval(function() {
  76.     newDiv.innerHTML = showtime(newDate);
  77.   }, 1000);

  78.   // 测试
  79.   var newDiv1 = document.createElement("div");
  80.   document.body.appendChild(newDiv1);
  81.   // 定时器,每1秒执行一次
  82.   setInterval(function() {
  83.     let nowtime = new Date();  //获取当前时间
  84.     var mss = newDate.getTime() - nowtime.getTime();  //距离结束时间的毫秒数
  85.     newDiv1.innerHTML = formatDuring1(mss);
  86.   }, 1000);

  87. </script>
复制代码
js执行运行效果图如下:

JS将毫秒转化成天时分秒的时间格式教程代码

JS将毫秒转化成天时分秒的时间格式教程代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24