將CSS追加到javascript變量

我有一個基本的時鐘腳本。我想控制每個數字。我將如何將CSS添加到這些變量？這是我試過的。將CSS追加到javascript變量

window.onload = function startTime() { 

      var today=new Date(); 
      var h=today.getHours(); 
       h="<span id='hours'>"+h+"</span>"; 
      var m=today.getMinutes(); 
      var s=today.getSeconds(); 
      // add a zero in front of numbers<10 
      m=checkTime(m); 
       m="<span id='minutes'>"+m+"</span>"; 
      s=checkTime(s); 
       s="<span id='seconds'>"+s+"</span>"; 
      document.getElementById("txt").innerHTML=h+"<span class='time-colon'>:"+"</span>"+m+"<span class='time-colon'>:"+"</span>"+s; 
      t=setTimeout(function(){startTime()},500); 
      } 

      function checkTime(i) 
      { 
      if (i<10) 
      { 
      i="0" + i; 
      } 
      return i; 

     }

來源

2013-11-27 Paul Yorde

對每個數字使用一個範圍。 h是一個字符串，它不是一個HTML元素。

h="<span style='color:black;'>"+h+"</span>";

請注意，CSS類（在外部樣式表中）優於內聯樣式。

來源

2013-11-27 00:57:50

我明白了。我正在看着它，就像h是一個物體。但是，h是getHours的結果（字符串），然後被設置爲html。 –

將CSS追加到javascript變量

回答

相關問題