计算特定日期的日期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> 

问题是,在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>

+0

非常感谢你,wasnt意识到塔尔。是我第一次与js合作 – Paulo

+0

保罗没问题!如果你除了答案,它将允许其他人在未来找到答案! –

只要把你的脚本的代码的结束,之前</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>