Question

我无法将此代码的结果显示到我的html文件中。我试图实现的目标是为特定日期的日子制作一个计数器。

我从另一个网站上获取了代码，但我无法使其工作。我认为我的getelementbyid函数存在一些问题。

<div class="planet col-lg-12 col-md-12 col-sm-12 col-xs-12">
     <div id="pluto">
          <div class="plutotext">Poor Pluto</div>
     </div>
</div>

Answer 1

问题是在DOM中创建了id ='show'的p标记之前运行脚本。把脚本放在p标签之后就行了！

像这样：

    <html>
      <head>
      <title></title>
      <meta http-equiv="content-type" content="text/html; charset=utf-8">   
      </head>
      <body>
        <p id="show"></p>
        <script  type="text/javascript">
          var initialDate = new Date(2012, 11, 1); // Dec 1st 2012
          var now = Date.now();
          var difference = now - initialDate;
          var millisecondsPerDay = 24 * 60 * 60 * 1000;
          var daysSince = Math.floor(difference / millisecondsPerDay);

          document.getElementById('show').innerHTML = daysSince.toString();
        </script>
      </body>
    </html>

Answer 2

只需将代码放在代码末尾，</body>

之前

<!DOCTYPE HTML>
    <html>
        <head>
            <title></title>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
        </head>
        <body>
            <p id="show"></p>
            <script  type="text/javascript">
                var initialDate = new Date(2012, 11, 1); // Dec 1st 2012
                var now = Date.now();
                var difference = now - initialDate;
                var millisecondsPerDay = 24 * 60 * 60 * 1000;
                var daysSince = Math.floor(difference / millisecondsPerDay);

                document.getElementById('show').innerHTML = daysSince.toString();
            </script>
        </body>
    </html>

计算从特定日期js +链接到html的天数

2 个答案: