扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
作者:徐迎晓 来源:Yesky 2007年10月30日
关键字: JavaScript 语言 时钟显示
在本页阅读全文(共19页)
利用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/中以“当前时间”作为关键字,便可以搜索到很多站点提供这类免费的代码,直接粘贴到自己的网页中即可。
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者