Question

我的网站上有一个用javascript编写的时钟，我从互联网上获得了一些时间并稍微修改它以更好地满足我的需求而且在使用mac的firefox上看起来很棒，但是当我在PC上的其他浏览器中使用它时Mac看起来很糟糕，我不知道如何改变它，我对javascript很新。我正在使用的代码如下：


var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('')

function show(){
if (!standardbrowser)
 var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
 var Digital=new Date()
 var hours=Digital.getHours()
 var minutes=Digital.getMinutes()
 var dn="AM"
  if (hours==12) dn="PM" 
   if (hours>12){
    dn="PM"
   }
   if (hours==0) hours=0
    if (hours.toString().length==1)
    hours="0"+hours
     if (minutes<=9)
      minutes="0"+minutes
      if (standardbrowser){
       if (alternate==0)
        document.tick.tock.value=hours+" : "+minutes+" "+dn
   else
    document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
 if (alternate==0)
  clockobj.innerHTML=hours+" : "+minutes
 else
  clockobj.innerHTML=hours+" : "+minutes
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

我希望能够在大多数浏览器中将时钟的字体和大小设置为统一（如果不是全部的话），我对IE不太感到困扰，因为无论如何网站都很糟糕并且会绕到排序那将来。

Answer 1

为什么不通过css设置包含html元素（#digitalclock）的样式？

Answer 2

您可以使用CSS执行此操作。您的时钟显示在ID为digitalclock的容器中。这意味着您可以在外部样式表中内联或在.html文件的<head>中定义style rules：

#digitalclock {
    font-size: 1em;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;

    color: red;    
    /* and whatever other rules you want */
}

Javascript时钟输出文本样式

2 个答案: