js小案例-时间差的计算

小案例--计算时间差

点击按钮的时候，计算两个时间的差值，主要是将日期转化为毫秒，方法有3种，这里用Date.parse，推荐使用这个

* 时间和时间的相减：时间的相关计算，都要先转成纪元时间(把一个时间转成毫秒数)，再相减，再把结果转成指定的格式

* getTime() 获取纪元时间

* Date.parse(“2015-08-24”)//返回指定日期距1970-1-1零时的毫秒数

* Date.now();//返回执行这行代码时距1970-1-1零时的毫秒数

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <input type="date" id="num">到
    <input type="date" id="num1">
    <input type="submit" value="时间差" id="btn">
    <span id="res"></span>
</body>
<script>
    (function () {
        var num = document.getElementById('num');
        var num1 = document.getElementById('num1');
        var btn = document.getElementById('btn');
        var res = document.getElementById('res');
        btn.onclick = function () {
            var num2 = num.value;//获取表单里的日期2019-12-08
            var num3 = num1.value;
            var startnum = Date.parse(num2);//将日期转化为毫秒
            var endnum = Date.parse(num3);
            var tdoa = (endnum - startnum) / 1000 / 60 / 60 / 24;//相减再转化为天数
            res.innerHTML = num2 + '到' + num3 + '相差' + tdoa + '天';

        }
    })();
</script>

</html>

js小案例-时间差的计算

猜你喜欢