JavaScript语言实现时钟显示

---

在浏览器中有一种嵌入式语言，称为JavaScript，可以利用该语言编写程序显示时钟，嵌入到HTML文档中。

　　利用JavaScript语言实现时钟显示，在单机上就可直接尝试， 只要安装浏览器即可。如用文本编辑器将下面一段文字存到一个以htm为后缀的文件中，再用浏览器打开这个文件，浏览器窗口便显示如图所示的时钟图案。

　　＜ HTML＞

　　＜ HEAD＞

　　＜ TITLE＞ Test＜ /TITLE＞

　　＜ SCRIPT LANGUAGE="JavaScript"＞

　　function gettime()

　　{ var t = new Date();

　　var hours = t.getHours();

　　var minutes = t.getMinutes();

　　var seconds = t.getSeconds();

　　var show_str ="";

　　show_str +=(hours ＞ 12) ? "下午 ": "上午 ";

　　show_str += ((hours ＞ 12) ? hours-12 : hours);

　　show_str += ((minutes ＜ 10) ? ":0" : ":") + minutes;

　　show_str += ((seconds ＜ 10) ? ":0" : ":") + seconds;

　　document.show_time.name1.value = show_str;

　　timerID = setTimeout("gettime()",1000);

　　}

　　＜ /SCRIPT＞

　　＜ /HEAD＞

　　＜ BODY onLoad="gettime()"＞

　　＜ BODY＞

　　＜ FORM NAME="show_time" onSubmit="0"＞

　　现在时间是

　　＜ INPUT TYPE="text" NAME="name1" SIZE=16 VALUE=""＞

　　＜ /FORM＞

　　＜ /BODY＞

　　＜ /HTML＞

　

　　 在该例中，用了较多的HTML语法规则，有关HTML语言已有很多文章介绍，本文不再介绍。其中＜ SCRIPT LANGUAGE="JavaScript"＞至＜ /SCRIPT＞之间是JavaScript程序，其语法与C语言有些类似，读者可参阅有关书籍，便可设计出自己所需要的各种界面和功能。

　　实际上，在搜索引擎如http://www.google.com/中以“当前时间”作为关键字，便可以搜索到很多站点提供这类免费的代码，直接粘贴到自己的网页中即可。

本文作者:

---

« 
» 

---