計算特定日期的日期js +鏈接到html

即時消息將此代碼的結果顯示在我的html文件中時遇到問題。我嘗試實現的目標是爲特定日期的日子製作計數器。計算特定日期的日期js +鏈接到html

我從其他網站的代碼，但即時通訊無法使其工作。我認爲我的getelementbyid函數存在一些問題。

<!DOCTYPE HTML> 
    <html> 
     <head> 
     <title></title> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
     <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> 

     </head> 
     <body> 
     <p id="show"></p> 
     </body> 
    </html>

來源

2017-04-16 Paulo

問題是，在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>

來源

2017-04-16 23:13:40

非常感謝你，wasnt意識到塔爾。是我第一次與js合作 – Paulo

保羅沒問題！如果你除了答案，它將允許其他人在未來找到答案！ –

只要把你的腳本的代碼的結束，之前</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>

來源

2017-04-16 23:18:10

計算特定日期的日期js +鏈接到html

回答

相關問題