适合初学者在浏览器中显示时间的简单实用的 JavaScript 示例

• 下载源文件 - 26 Kb

引言

<script language="javascript">
   function showTime()
   {
    now=new Date();
    var hour=now.getHours();
    var min=now.getMinutes();
    var sec=now.getSeconds();

    if (min<=9) { min="0"+min; }
    if (sec<=9) { sec="0"+sec; }
    if (hour<10) { hour="0"+hour; }  
      
       
    if (hour>12)
     { hour1= hour - 12;}
    else
     hour1 = hour;
    if (hour1<10) { hour1="0"+hour1; } 
    
    var ctime =  hour1 + ":" + min + ":" + sec;
    LABEL1.innerText= ctime;
    setTimeout("showTime()", 1000);
   }
  </script>

 

以上代码在一个名为 LABEL1 的标签控件中显示时间。
您可以创建一个简单的 HTML 页面，并添加一个名为 LABEL1 的标签。
然后将以上脚本添加到 HTML 页面的头部部分。
尝试访问该页面。您也可以下载示例代码。