JavaScript语言实现时钟显示
|
利用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/中以“当前时间”作为关键字,便可以搜索到很多站点提供这类免费的代码,直接粘贴到自己的网页中即可。 源代码网供稿. |
