未捕獲的ReferenceError：未定義放映時間-有解無憂

我正在嘗試為網頁創建一個數字時鐘

我的控制器如下所示：

身體標簽：

<body onload="showtime()">
     <h1></h1>
</body>

腳本：

<script src="text/javascript">

function showtime(){
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
var session = "AM";

if (h > 12){
    h = h - 12;
    //h = 13 - 12 = 1
}
if (h>=12){
    session = "PM"
}

h = h < 10 ? "0"   h : h;
m = m < 10 ? "0"   m : m;
s = s < 10 ? "0"   s : s;

var time = h   " : "   m   " : "   s   " : "   session;
document.getElementsByTagName('h1')[0].innerText = time;
setTimeout(showtime,1000);

}

現在當我檢查我的控制臺時，我得到的錯誤是：

Digital Clock.html:16 Uncaught ReferenceError: showtime is not defined

uj5u.com熱心網友回復：

使用DOMContentLoaded事件而不是從 body 標記呼叫您的函式

我不建議使用標簽選擇器，當您有多個具有相同標簽的元素時，您可以給 h1 一個 id 以防止出現問題。

window.addEventListener('DOMContentLoaded', showtime);
    
function showtime(){
  let d = new Date(),
      h = d.getHours(),
      m = d.getMinutes(),
      s = d.getSeconds(),
      session;
      
   session = (h >= 12) ? "PM" : "AM";
   if (h > 12) h -= 12;
   
   h = h < 10 ? "0"   h : h;
   m = m < 10 ? "0"   m : m;
   s = s < 10 ? "0"   s : s;

  document.querySelector('#header').innerText = `${h}:${m}:${s} ${session}`;
  setTimeout(showtime,1000);
}

<body>
  <h1 id="header"></h1>
  <script type="text/javascript" src="your javascript path"></script>
</body>

或者使用舊代碼，它也可以作業

window.addEventListener('DOMContentLoaded', showtime);
    
function showtime(){
  var d = new Date();
  var h = d.getHours();
  var m = d.getMinutes();
  var s = d.getSeconds();
  var session = "AM";

  // Use this statement first, because in that case you never have a PM session
  if (h>=12){
      session = "PM"
  }
  
  if (h > 12){
      h = h - 12;
      //h = 13 - 12 = 1
  }

  h = h < 10 ? "0"   h : h;
  m = m < 10 ? "0"   m : m;
  s = s < 10 ? "0"   s : s;

  var time = h   " : "   m   " : "   s   " : "   session;
  document.getElementsByTagName('h1')[0].innerText = time;
  setTimeout(showtime,1000);
}

<body>
  <h1></h1>
  <script type="text/javascript" src="your javascript path"></script>
</body>

uj5u.com熱心網友回復：

<script src="text/javascript">

腳本標簽的src屬性指定腳本位置 (URI) https://developer.mozilla.org/es/docs/Web/SVG/Element/script#attr-src

我認為您的意思是使用type屬性

<script type="text/javascript">

uj5u.com熱心網友回復：

只需將腳本標簽中的“src”替換為“type”，如下所示：

<script type="text/javascript">

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/507468.html

標籤：javascript html css 推特引导 dom

上一篇：TurboFrames無法從頭部識別Javascript

下一篇：引導下拉事件未觸發