一js做的时钟，有些地方看不懂（已列出），运行出结果不正确，请帮忙，谢谢

Question

我不知道该怎么实现这里的代码格式化，是在发贴时选择“插入源代码”吗？
下面的代码我重新整理了一下。问题还是原来的问题，谢谢。<script  language="JavaScript">   
<!--  Begin   
fCol = "000000";  //face  colour.   
sCol = "ff0000";  //seconds  colour.   
mCol = "000000";  //minutes  colour.   
hCol = "000000";  //hours  colour.   
H = "....";       //将字符串付给H 
H = H.split("");  //将H转为数组,有4个元素,每个元素为一"." 
M = ".....";      //这样可以省事,免去声明数组的麻烦 
M = M.split("");   
S = "......";   
S = S.split("");   
Ypos = 0;   
Xpos = 0;   
Ybase = 8;   
Xbase = 8;   
dots = 12;   
ns =(document.layers)?1:0;  
if(ns)   
{ 　　　
   dgts = "1  2  3  4  5  6  7  8  9  10  11  12";  //字符串　12个小时数 
   dgts = dgts.split("  ");                         //转成数组 
   
   for(i=0;i<dots;i++)  
   {                                 //dots=12，上面付的值 
      document.write("<layer name=nsDigits"+i+" top=0 left=0 height=30 width=30> <center> <font face=Arial,Verdana  size=1  color="+fCol+">"+dgts+" </font> </center> </layer>");   
    }   
   
   for(i=0;i<M.length;i++)  
   {   
     document.write(" <layer  name=ny"+i+"  top=0  left=0  bgcolor="+mCol+"  clip='0,0,2,2'> </layer>");   
    }      for(i=0;i<H.length;i++)  
   {   
     document.write(" <layer  name=nz"+i+"  top=0  left=0  bgcolor="+hCol+"  clip='0,0,2,2'> </layer>");   
    }      for(i=0;i<S.length;i++)  
   {   
     document.write(" <layer  name=nx"+i+"  top=0  left=0  bgcolor="+sCol+"  clip='0,0,2,2'> </layer>");   
    }   
}//----------------------从此以后是适应IE的----------------------  
else  
{   
   document.write(" <div  style='position:absolute;top:0px;left:0px'> <div  style='position:relative'>");      for(i=1;i<dots+1;i++)  
   {                                  //1-12的div 
     document.write(" <div  id='ieDigits'  style='position:absolute;top:0px;left:0px;width:50px;height:50px;font-family:Arial,Verdana;font-size:20px;color:"+fCol+";text-align:center;padding-top:10px'>"+i+" </div>");   
    }      document.write(" </div> </div>")   
   document.write(" <div  style='position:absolute;top:0px;left:0px'> <div  style='position:relative'>");      for(i=0;i<M.length;i++)  
   {  　　                       　//分的div 
    document.write(" <div  id=y  style='position:absolute;width:2px;height:2px;font-size:2px;background:"+mCol+"'> </div>");   
    }   
   document.write(" </div> </div>")   
   document.write(" </div> </div>")   
   document.write(" <div  style='position:absolute;top:0px;left:0px'> <div  style='position:relative'>");      for(i=0;i<H.length;i++)  
   {                       　　　//小时div 
    document.write(" <div  id=z  style='position:absolute;width:2px;height:2px;font-size:2px;background:"+hCol+"'> </div>");   
    }   
   document.write(" </div> </div>")   
   document.write(" <div  style='position:absolute;top:0px;left:0px'> <div    style='position:relative'>");      for(i=0;i<S.length;i++)  
   {                     　　　　 //秒div 
    document.write(" <div  id=x           style='position:absolute;width:2px;height:2px;font-size:2px;background:"+sCol+"'> </div>");   
    }   
   document.write(" </div> </div>")   
}   
function  clock()  
{   
  time  =  new  Date  ();   
  secs  =  time.getSeconds();   
  sec  =  -1.57  +  Math.PI  *  secs/30;  //转成弧度值 
  mins  =  time.getMinutes();   
  min  =  -1.57  +  Math.PI  *  mins/30;   
  hr  =  time.getHours();   
  hrs  =  -1.57  +  Math.PI  *  hr/6  +  Math.PI*parseInt(time.getMinutes())/360;   
  
  if(ns)
  {   
    Ypos  =  window.pageYOffset+window.innerHeight-60;   
    Xpos  =  window.pageXOffset+window.innerWidth-80;   
   }   
  else  
  {   
    Ypos  =  document.body.scrollTop  +  window.document.body.clientHeight  -  60;   
    Xpos  =  document.body.scrollLeft  +  window.document.body.clientWidth  -  60;   
   }     if(ns)
  {   
    for(i=0;i<dots;++i)
    {   
      document.layers["nsDigits"+i].top  =  Ypos  -  5  +  40  *  Math.sin(-0.49+dots+i/1.9);   
      document.layers["nsDigits"+i].left  =  Xpos  -  15  +  40  *  Math.cos(-0.49+dots+i/1.9);   
     }   
 
    for(i=0;i<S.length;i++)
    {   
      document.layers["nx"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(sec);   
      document.layers["nx"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(sec);   
     }       for(i=0;i<M.length;i++)
    {   
      document.layers["ny"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(min);   
      document.layers["ny"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(min);   
     }       for(i=0;i<H.length;i++)
    {   
      document.layers["nz"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(hrs);   
      document.layers["nz"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(hrs);   
      }   
   }   
  else
  {   
    for(i=0;i<dots;++i)
    {   
     document.getElementById('ieDigits').style.pixelTop  =  Ypos  -  15  +  40  *  Math.sin(-0.49+dots+i/1.9);   
     document.getElementById('ieDigits').style.pixelLeft  =  Xpos  -  14  +  40  *  Math.cos(-0.49+dots+i/1.9);   
     }       for(i=0;i<S.length;i++)
    {   
     document.getElementById('x').style.pixelTop  =  Ypos  +  i  *  Ybase  *  Math.sin(sec);   
     document.getElementById('x').style.pixelLeft  =  Xpos  +  i  *  Xbase  *  Math.cos(sec);   
     }       for(i=0;i<M.length;i++)
    {   
     document.getElementById('y').style.pixelTop  =  Ypos  +  i  *  Ybase  *  Math.sin(min);   
     document.getElementById('y').style.pixelLeft  =  Xpos  +  i  *  Xbase  *  Math.cos(min);   
      }   
    for(i=0;i<H.length;i++)
    {   
     document.getElementById('z').style.pixelTop  =  Ypos  +  i  *  Ybase*Math.sin(hrs);   
     document.getElementById('z').style.pixelLeft  =  Xpos  +  i  *  Xbase*Math.cos(hrs);   
     }   
  }   
  setTimeout("clock()",  50);   
}   if  (document.layers   ¦ ¦  document.all)  window.onload  =  clock;   
//  End  -->   
</script>

Answer 1

<script  language="JavaScript">    
<!--  Begin    
fCol = "000000";  //face  colour.    
sCol = "ff0000";  //seconds  colour.    
mCol = "000000";  //minutes  colour.    
hCol = "000000";  //hours  colour.    
H = "....";       //将字符串付给H  
H = H.split("");  //将H转为数组,有4个元素,每个元素为一"."  
M = ".....";      //这样可以省事,免去声明数组的麻烦  
M = M.split("");    
S = "......";    
S = S.split("");    
Ypos = 0;    
Xpos = 0;    
Ybase = 8;    
Xbase = 8;    
dots = 12;    
ns =(document.layers)?1:0;   
if(ns)    
{ 　　　 
   dgts = "1  2  3  4  5  6  7  8  9  10  11  12";  //字符串　12个小时数  
   dgts = dgts.split("  ");                         //转成数组  
    
   for(i=0;i <dots;i++)   
   {                                 //dots=12，上面付的值  
      document.write(" <layer name=nsDigits"+i+" top=0 left=0 height=30 width=30>  <center>  <font face=Arial,Verdana  size=1  color="+fCol+">"+dgts+"  </font>  </center>  </layer>");    
    }    
    
   for(i=0;i <M.length;i++)   
   {    
     document.write("  <layer  name=ny"+i+"  top=0  left=0  bgcolor="+mCol+"  clip='0,0,2,2'>  </layer>");    
    }       for(i=0;i <H.length;i++)   
   {    
     document.write("  <layer  name=nz"+i+"  top=0  left=0  bgcolor="+hCol+"  clip='0,0,2,2'>  </layer>");    
    }       for(i=0;i <S.length;i++)   
   {    
     document.write("  <layer  name=nx"+i+"  top=0  left=0  bgcolor="+sCol+"  clip='0,0,2,2'>  </layer>");    
    }    
}//----------------------从此以后是适应IE的----------------------   
else   
{    
   document.write("  <div  style='position:absolute;top:0px;left:0px'>  <div  style='position:relative'>");       for(i=1;i <dots+1;i++)   
   {                                  //1-12的div  
     document.write("  <div  id='ieDigits'  style='position:absolute;top:0px;left:0px;width:50px;height:50px;font-family:Arial,Verdana;font-size:20px;color:"+fCol+";text-align:center;padding-top:10px'>"+i+"  </div>");    
    }       document.write("  </div>  </div>")    
   document.write("  <div  style='position:absolute;top:0px;left:0px'>  <div  style='position:relative'>");       for(i=0;i <M.length;i++)   
   {  　　                       　//分的div  
    document.write("  <div  id=y  style='position:absolute;width:2px;height:2px;font-size:2px;background:"+mCol+"'>  </div>");    
    }    
   document.write("  </div>  </div>")    
   document.write("  </div>  </div>")    
   document.write("  <div  style='position:absolute;top:0px;left:0px'>  <div  style='position:relative'>");       for(i=0;i <H.length;i++)   
   {                       　　　//小时div  
    document.write("  <div  id=z  style='position:absolute;width:2px;height:2px;font-size:2px;background:"+hCol+"'>  </div>");    
    }    
   document.write("  </div>  </div>")    
   document.write("  <div  style='position:absolute;top:0px;left:0px'>  <div    style='position:relative'>");       for(i=0;i <S.length;i++)   
   {                     　　　　 //秒div  
    document.write("  <div  id=x           style='position:absolute;width:2px;height:2px;font-size:2px;background:"+sCol+"'>  </div>");    
    }    
   document.write("  </div>  </div>")    
}    
function  clock()   
{    
  time  =  new  Date  ();    
  secs  =  time.getSeconds();    
  sec  =  -1.57  +  Math.PI  *  secs/30;  //转成弧度值  
  mins  =  time.getMinutes();    
  min  =  -1.57  +  Math.PI  *  mins/30;    
  hr  =  time.getHours();    
  hrs  =  -1.57  +  Math.PI  *  hr/6  +  Math.PI*parseInt(time.getMinutes())/360;    
   
  if(ns) 
  {    
    Ypos  =  window.pageYOffset+window.innerHeight-60;    
    Xpos  =  window.pageXOffset+window.innerWidth-80;    
   }    
  else   
  {    
    Ypos  =  document.body.scrollTop  +  window.document.body.clientHeight  -  60;    
    Xpos  =  document.body.scrollLeft  +  window.document.body.clientWidth  -  60;    
   }      if(ns) 
  {    
    for(i=0;i <dots;++i) 
    {    
      document.layers["nsDigits"+i].top  =  Ypos  -  5  +  40  *  Math.sin(-0.49+dots+i/1.9);    
      document.layers["nsDigits"+i].left  =  Xpos  -  15  +  40  *  Math.cos(-0.49+dots+i/1.9);    
     }    
  
    for(i=0;i <S.length;i++) 
    {    
      document.layers["nx"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(sec);    
      document.layers["nx"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(sec);    
     }        for(i=0;i <M.length;i++) 
    {    
      document.layers["ny"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(min);    
      document.layers["ny"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(min);    
     }        for(i=0;i <H.length;i++) 
    {    
      document.layers["nz"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(hrs);    
      document.layers["nz"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(hrs);    
      }    
   }    
  else 
  {    
    for(i=0;i <dots;++i) 
    {    
     document.getElementById('ieDigits').style.pixelTop  =  Ypos  -  15  +  40  *  Math.sin(-0.49+dots+i/1.9);    
     document.getElementById('ieDigits').style.pixelLeft  =  Xpos  -  14  +  40  *  Math.cos(-0.49+dots+i/1.9);    
     }        for(i=0;i <S.length;i++) 
    {    
     document.getElementById('x').style.pixelTop  =  Ypos  +  i  *  Ybase  *  Math.sin(sec);    
     document.getElementById('x').style.pixelLeft  =  Xpos  +  i  *  Xbase  *  Math.cos(sec);    
     }        for(i=0;i <M.length;i++) 
    {    
     document.getElementById('y').style.pixelTop  =  Ypos  +  i  *  Ybase  *  Math.sin(min);    
     document.getElementById('y').style.pixelLeft  =  Xpos  +  i  *  Xbase  *  Math.cos(min);    
      }    
    for(i=0;i <H.length;i++) 
    {    
     document.getElementById('z').style.pixelTop  =  Ypos  +  i  *  Ybase*Math.sin(hrs);    
     document.getElementById('z').style.pixelLeft  =  Xpos  +  i  *  Xbase*Math.cos(hrs);    
     }    
  }    
  setTimeout("clock()",  50);    
}    if  (document.layers   ¦ ¦  document.all)  window.onload  =  clock;    
//  End  -->    
</script>

Answer 2

   
<!--  Begin    
fCol = "000000";  //face  colour.    
sCol = "ff0000";  //seconds  colour.    
mCol = "000000";  //minutes  colour.    
hCol = "000000";  //hours  colour.    
H = "....";       //将字符串付给H  
H = H.split("");  //将H转为数组,有4个元素,每个元素为一"."  
M = ".....";      //这样可以省事,免去声明数组的麻烦  
M = M.split("");    
S = "......";    
S = S.split("");    
Ypos = 0;    
Xpos = 0;    
Ybase = 8;    
Xbase = 8;    
dots = 12;    
ns =(document.layers)?1:0;   
if(ns)    
{ 　　　 
   dgts = "1  2  3  4  5  6  7  8  9  10  11  12";  //字符串　12个小时数  
   dgts = dgts.split("  ");                         //转成数组  
    
   for(i=0;i <dots;i++)   
   {                                 //dots=12，上面付的值  
      document.write(" <layer name=nsDigits"+i+" top=0 left=0 height=30 width=30>  <center>  <font face=Arial,Verdana  size=1  color="+fCol+">"+dgts+"  </font>  </center>  </layer>");    
    }    
    
   for(i=0;i <M.length;i++)   
   {    
     document.write("  <layer  name=ny"+i+"  top=0  left=0  bgcolor="+mCol+"  clip='0,0,2,2'>  </layer>");    
    }       for(i=0;i <H.length;i++)   
   {    
     document.write("  <layer  name=nz"+i+"  top=0  left=0  bgcolor="+hCol+"  clip='0,0,2,2'>  </layer>");    
    }       for(i=0;i <S.length;i++)   
   {    
     document.write("  <layer  name=nx"+i+"  top=0  left=0  bgcolor="+sCol+"  clip='0,0,2,2'>  </layer>");    
    }    
}//----------------------从此以后是适应IE的----------------------   
else   
{    
   document.write("  <div  style='position:absolute;top:0px;left:0px'>  <div  style='position:relative'>");       for(i=1;i <dots+1;i++)   
   {                                  //1-12的div  
     document.write("  <div  id='ieDigits'  style='position:absolute;top:0px;left:0px;width:50px;height:50px;font-family:Arial,Verdana;font-size:20px;color:"+fCol+";text-align:center;padding-top:10px'>"+i+"  </div>");    
    }       document.write("  </div>  </div>")    
   document.write("  <div  style='position:absolute;top:0px;left:0px'>  <div  style='position:relative'>");       for(i=0;i <M.length;i++)   
   {  　　                       　//分的div  
    document.write("  <div  id=y  style='position:absolute;width:2px;height:2px;font-size:2px;background:"+mCol+"'>  </div>");    
    }    
   document.write("  </div>  </div>")    
   document.write("  </div>  </div>")    
   document.write("  <div  style='position:absolute;top:0px;left:0px'>  <div  style='position:relative'>");       for(i=0;i <H.length;i++)   
   {                       　　　//小时div  
    document.write("  <div  id=z  style='position:absolute;width:2px;height:2px;font-size:2px;background:"+hCol+"'>  </div>");    
    }    
   document.write("  </div>  </div>")    
   document.write("  <div  style='position:absolute;top:0px;left:0px'>  <div    style='position:relative'>");       for(i=0;i <S.length;i++)   
   {                     　　　　 //秒div  
    document.write("  <div  id=x           style='position:absolute;width:2px;height:2px;font-size:2px;background:"+sCol+"'>  </div>");    
    }    
   document.write("  </div>  </div>")    
}    
function  clock()   
{    
  time  =  new  Date  ();    
  secs  =  time.getSeconds();    
  sec  =  -1.57  +  Math.PI  *  secs/30;  //转成弧度值  
  mins  =  time.getMinutes();    
  min  =  -1.57  +  Math.PI  *  mins/30;    
  hr  =  time.getHours();    
  hrs  =  -1.57  +  Math.PI  *  hr/6  +  Math.PI*parseInt(time.getMinutes())/360;    
   
  if(ns) 
  {    
    Ypos  =  window.pageYOffset+window.innerHeight-60;    
    Xpos  =  window.pageXOffset+window.innerWidth-80;    
   }    
  else   
  {    
    Ypos  =  document.body.scrollTop  +  window.document.body.clientHeight  -  60;    
    Xpos  =  document.body.scrollLeft  +  window.document.body.clientWidth  -  60;    
   }      if(ns) 
  {    
    for(i=0;i <dots;++i) 
    {    
      document.layers["nsDigits"+i].top  =  Ypos  -  5  +  40  *  Math.sin(-0.49+dots+i/1.9);    
      document.layers["nsDigits"+i].left  =  Xpos  -  15  +  40  *  Math.cos(-0.49+dots+i/1.9);    
     }    
  
    for(i=0;i <S.length;i++) 
    {    
      document.layers["nx"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(sec);    
      document.layers["nx"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(sec);    
     }        for(i=0;i <M.length;i++) 
    {    
      document.layers["ny"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(min);    
      document.layers["ny"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(min);    
     }        for(i=0;i <H.length;i++) 
    {    
      document.layers["nz"+i].top  =  Ypos  +  i  *  Ybase  *  Math.sin(hrs);    
      document.layers["nz"+i].left  =  Xpos  +  i  *  Xbase  *  Math.cos(hrs);    
      }    
   }    
  else 
  {    
    for(i=0;i <dots;++i) 
    {    
     document.getElementById('ieDigits').style.pixelTop  =  Ypos  -  15  +  40  *  Math.sin(-0.49+dots+i/1.9);    
     document.getElementById('ieDigits').style.pixelLeft  =  Xpos  -  14  +  40  *  Math.cos(-0.49+dots+i/1.9);    
     }        for(i=0;i <S.length;i++) 
    {    
     document.getElementById('x').style.pixelTop  =  Ypos  +  i  *  Ybase  *  Math.sin(sec);    
     document.getElementById('x').style.pixelLeft  =  Xpos  +  i  *  Xbase  *  Math.cos(sec);    
     }        for(i=0;i <M.length;i++) 
    {    
     document.getElementById('y').style.pixelTop  =  Ypos  +  i  *  Ybase  *  Math.sin(min);    
     document.getElementById('y').style.pixelLeft  =  Xpos  +  i  *  Xbase  *  Math.cos(min);    
      }    
    for(i=0;i <H.length;i++) 
    {    
     document.getElementById('z').style.pixelTop  =  Ypos  +  i  *  Ybase*Math.sin(hrs);    
     document.getElementById('z').style.pixelLeft  =  Xpos  +  i  *  Xbase*Math.cos(hrs);    
     }    
  }    
  setTimeout("clock()",  50);    
}    if  (document.layers   ¦ ¦  document.all)  window.onload  =  clock;    
//  End  -->