js输入具体时间算出距离当前时间的时间差

   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;}
    }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值