<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id='date' type="text" value="2018-12-12"> <input id="btn" type="button" value="时间差"> <script> var oDate = document.querySelector('#date'); var oBtn = document.querySelector('#btn'); var nowtimestamp =new Date().getTime(); oBtn.onclick=function(){ var regex = /^d{4}-d{2}-d{2}$/; var sDate = oDate.value; //正确的时间格式 if(regex.test(sDate) &&Date.parse(sDate)!='NaN' ){ var d =new Date(); //输入年份时间定为00:00:00,默认8点 var target =new Date(sDate.split('-').join('/')); var inputDate =Date.parse(sDate); //输入时间戳 var now =new Date(); var ms =now-target; //时间日期相减得-毫秒 var d = parseInt(ms/1000/60/60/24), //天 h=parseInt(ms/1000/60/60-d*24), //小时 m = parseInt(ms/1000/60-d*24*60-h*60), //分钟 s = parseInt(ms/1000-d*24*60*60-h*60*60-m*60) //秒 console.log(d+"天"+h+'小时'+m+"分"+s+'秒') } } </script> </body> </html>