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>