将css附加到javascript变量

Append css to a javascript variable

本文关键字：javascript 变量 css      更新时间：2023-10-21

我有一个基本的时钟脚本。我想控制每一个数字。如何将css添加到这些变量中？这就是我尝试过的。

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;
         }

为每个数字使用一个span。h是一个字符串，它还不是一个HTML元素。

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

请注意，CSS类（在外部样式表中）比内联样式更可取。

相关文章：