时间戳

首页 > 解决方案 > 修复 NaN 错误

javascript - 修复 NaN 错误

问题描述

我一直在我的代码中解析不同的组合。但是，我仍然收到 NaN 错误。我有这个计时器倒计时，它可以让我设置一天中的特定时间，它会根据你现在的时间倒计时。我究竟做错了什么？提前致谢！

时间格式为军用时间。

function myTime1() {
  var hour = document.getElementById("hrs").value;
  var min = document.getElementById("mins").value;
  var sec = document.getElementById("sec").value;

  var timeNow = parseInt(hour + ":" + min + ":" + sec);
  var currentDate = moment().format("DD MM YYYY");
  var timeDateNow = currentDate + " " + timeNow;
  // document.write(currentDate + " " + parseInt(hour) + ":" + parseInt(min) + ":" + parseInt(sec));



  // Set the date we're counting down to
  var countDownDate = new Date(currentDate + " " + hour + ":" + min + ":" + sec).getTime();

  // Update the count down every 1 second
  var x = setInterval(function() {

    // Get todays date and time
    var now = new Date().getTime();

    // Find the distance between now and the count down date
    var distance = countDownDate - now;

    // Time calculations for days, hours, minutes and seconds
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    // Output the result in an element with id="demo"
    document.getElementById("demo").innerHTML = days + "d " + hours + "h " +
      minutes + "m " + seconds + "s ";

    // If the count down is over, write some text 
    if (distance < 0) {
      clearInterval(x);
      document.getElementById("demo").innerHTML = "EXPIRED";
    }
  }, 1000);
}
p {
  text-align: center;
  font-size: 60px;
  margin-top: 0px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<!DOCTYPE HTML>
<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>

  <input type="number" id="hrs" value="00">
  <input type="number" id="mins" value="00">
  <input type="number" id="sec" value="00">
  <input type="button" id="btnTime1" onclick="myTime1()" value="Go">

  <p id="demo"></p>


</body>

</html>

标签： javascripthtml

解决方案

var timeNow = parseInt(hour + ":" + min + ":" + sec)

timeNow 变量将始终为 0，使用 moment.js 进行所有数据转换。

推荐阅读