admin 发表于 2021-7-31 12:01

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

JS将毫秒转化成天时分秒的时间格式代码
<!DOCTYPE html>
<head></head>
<body>

</body>
</html>
<script>
/**
   * @param {string} mss 毫秒值
   * @return {string}
   */
function formatDuring(mss) {
    let millisecond = 1000;
    let second = 60;
    let minute = millisecond * second;
    let hour = millisecond * second * second;
    let day = millisecond * second * second * 24;

    let days = parseInt(mss / day);
    var hours = parseInt((mss % day) / hour);
    var minutes = parseInt((mss % hour) / minute);
    var seconds = parseInt(((mss % minute) / millisecond));

    let dateStr = "";
    if (days) {
      dateStr = days + '天';
    }
    if (hours) {
      dateStr += hours + '小时';
    }
    if (minutes) {
      dateStr += minutes + '分钟';
    }
    if (seconds) {
      dateStr += seconds + '秒';
    }
    return dateStr;
}

    /**
   * @param {string} mss 毫秒值
   * @return {string}
   */
function formatDuring1(mss) {
    let date =new Date(mss);

    let days = date.getDate();
    let hours = date.getHours();
    let minutes = date.getMinutes();
    let seconds = date.getSeconds();

    let dateStr = "";
    if (days) {
      dateStr = days + '天';
    }
    if (hours) {
      dateStr += hours + '小时';
    }
    if (minutes) {
      dateStr += minutes + '分钟';
    }
    if (seconds) {
      dateStr += seconds + '秒';
    }
    return dateStr;
}

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

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

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

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

</script>js执行运行效果图如下:

页: [1]
查看完整版本: JS将毫秒转化成天时分秒的时间格式教程代码