HTML部分
<div>输入日期:
<input type="text" id="year" style="width: 30px;"><span>年</span>
<input type="text" id="month" style="width: 30px;"><span>月</span>
<input type="text" id="day" style="width: 30px;"><span>日</span>
<input type="text" id="hour" style="width: 30px;"><span>时</span>
<input type="text" id="minute" style="width: 30px;"><span>分</span>
<input type="text" id="second" style="width: 30px;"><span>秒</span>
</div>
<div class="time1">距离输入还剩时间:
<span id="1"></span>天
<span id="2"></span>时
<span id="3"></span>分
<span id="4"></span>秒
</div>
js部分
function show(){
//获取目的日期
var myyear=document.getElementById("year").value;
var mymonth=document.getElementById("month").value-1;
var myday=document.getElementById("day").value;
var myhour=document.getElementById("hour").value;
var myminute=document.getElementById("minute").value;
var mysecond=document.getElementById("second").value;
var time=Number(new Date(myyear,mymonth,myday,myhour,myminute,mysecond));
console.log(myyear,'myyear')
console.log(mymonth,'mymonth')
console.log(myday,'myday')
console.log(time,'time')
//获取当前时间
var nowTime=Date.now();
console.log(nowTime,'nowTime')
// var nowTime=new Date().getTime();
//获取时间差
var timediff=Math.round((time-nowTime)/1000);
console.log(timediff,'剩多少天')
//获取还剩多少天
var day=parseInt(timediff/3600/24);
console.log(day,'剩多少小时')
//获取还剩多少小时
var hour=parseInt(timediff/3600%24);
//获取还剩多少分钟
var minute=parseInt(timediff/60%60);
console.log(minute,'剩多少秒')
//获取还剩多少秒
var second=timediff%60;
console.log(second,'输出还剩多少时间')
//输出还剩多少时间
document.getElementById("1").innerHTML=day;
document.getElementById("2").innerHTML=hour;
document.getElementById("3").innerHTML=minute;
document.getElementById("4").innerHTML=second;
setTimeout(show,1000);
if(timediff==0){return;}
}