美文网首页
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