자바 스크립트 클록 출력 텍스트 스타일

인터넷에서 얻은 자바 스크립트로 작성된 내 웹 사이트의 시계를 가지고 있으며 내 요구 사항에 맞게 약간 수정했으며 Mac을 사용하는 Firefox에서는 훌륭하게 보입니다.하지만 다른 경우 PC 또는 Mac의 브라우저는 끔찍한 것처럼 보입니다. 변경 방법을 모릅니다. 자바 스크립트가 새로 도입되었습니다. 내가 사용하고있는 코드는 다음과 같습니다 :자바 스크립트 클록 출력 텍스트 스타일


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

다른 브라우저에서 끔찍한 표정이 들리는가요? 이 코드는 시계의 값을 HTML 요소에 씁니다. – spinon

Windows 머신의 파이어 폭스에서 숫자가 픽셀 화되었습니다. – SamRowley

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 */ 
}

출처

2010-08-05 21:32:48 Pat

Brilliant는 고맙습니다. 스타일링이 진행되는 것은 j에 없었 음이 바로 나에게 왔습니다. 그러나 나는 당신에게 다시 어디에서 감사하는지에 관해 알 수 없었다. – SamRowley

왜 CSS를 사용하여 포함 된 html 요소 (#digitalclock)를 스타일링하지 않으시겠습니까?

출처

2010-08-05 21:32:31 pixeline

자바 스크립트 클록 출력 텍스트 스타일

답변

관련 문제