⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 指定位置的时钟显示.htm

📁 JavaScript编程实例
💻 HTM
字号:
<html>
  <head>
    <title>指定位置的时钟</title>
  </head>

  <body bgcolor="#fef4d9" onload=display()>
    <span id=liveclock style=position:absolute;left:100px;top:62px; width: 109px; height: 15px>
    </span>
    <script language=javascript>
    <!-- 
     function display()
     {
       if(!document.layers&&!document.all)
         return
       var Digital=new Date()
       var hours=Digital.getHours()
       var minutes=Digital.getMinutes()
       var seconds=Digital.getSeconds()
       var dn="AM"
     
       if(hours>12)
       {
         dn="PM"
         hours=hours-12
       }
       if(hours==0)
         hours=12
       if(minutes<=9)
         minutes="0"+minutes
       if(seconds<=9)
         seconds="0"+seconds
     
       //改变字体
       myclock="<font size='10' face='Arial' color=#ff00ff><b><font size='5' color=#66ff00>Current time is:</font></br>"+hours+":"+minutes+":"+seconds+" "+dn+"</b></font>"
       if(document.layers)
       {
         document.layers.liveclock.document.write(myclock)
         document.layers.liveclock.document.close()
       }
       else if(document.all)
              liveclock.innerHTML=myclock
       setTimeout("display()",1000)
     }
    //-->
    </script> 
  </body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -