美文网首页
js 获取当前时间并计算与10月1日倒计时

js 获取当前时间并计算与10月1日倒计时

作者: 余生有期渐相依 | 来源:发表于2018-09-01 08:24 被阅读0次

    html代码如下:

    <input type="text" id="year" value="2018-10-1" />
    <button type="button" id="but">倒计时</button>
    <input type="text" id="time" value="" readonly="readonly"/>
    

    js代码如下:

    document.getElementById("but").onclick=function(){
        var timer=setInterval(function(){
            var _year=document.getElementById("year").value;
             _year=Date.parse(_year);
              var _now=Date.now();
              var _diff=_year- _now;
              var totalSeconds=Math.ceil(_diff/1000);
            var seconds= totalSeconds%60,
                minutes=Math.floor(totalSeconds/60),
                hours=Math.floor(totalSeconds/(60*60)%24,
                days=Math.floor(totalSeconds/(24*60*60)));
        document.getElementById("time").value=days+"天"+hours+"时"+minutes+"分"+seconds+"秒";
        },1000);    
        }
    
    

    相关文章

      网友评论

          本文标题:js 获取当前时间并计算与10月1日倒计时

          本文链接:https://www.haomeiwen.com/subject/polewftx.html