Fork me on GitHub

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>

 

posted @ 2019-08-28 16:00  幽幽木云  阅读(415)  评论(0编辑  收藏  举报