Javascript时钟输出文字样式

我的网站上有一个用JavaScript编写的时钟，我从互联网上获得并略微修改它以更好地适应我的需求，它使用mac在firefox上看起来很棒，但是当我在其他浏览器在PC或Mac上看起来很糟糕，我不知道如何改变它，我对JavaScript相当陌生。我使用的代码如下：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浏览器，因为网站是可怕的，无论如何，并会在整理出来，在未来。

来源

2010-08-05 SamRowley

可以添加的beign是如何显示的图像??? 上传图像 http://imageshack.us/ – ErVeY 2010-08-05 21:33:54

当你说在其他浏览器中看起来很糟糕你是什么意思？该代码只是将时钟的值写入HTML元素。 – spinon 2010-08-05 21:37:30

在Windows机器上的Firefox使数字非常像素化。 – SamRowley 2010-08-05 21:39:32

您可以使用CSS来做到这一点。您的时钟正在显示在ID为digitalclock的容器中。这意味着你可以在外部样式，内嵌定义style rules或在您的.html文件的<head>：

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

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

来源

2010-08-05 21:32:48 Pat

非常感谢你，直到后来我才发现它不是在风格的js中。但我无法弄清楚哪里再次谢谢你。 – SamRowley 2010-08-05 21:36:16

为什么你不只是通过css样式包含html元素（#digitalclock）？

来源

2010-08-05 21:32:31 pixeline

Javascript时钟输出文字样式

回答

相关问题