用户名: 密码: 验证码:           网站地图  高级搜索  RSS订阅  收藏本站
您的位置:主页 > 网络编程 > JavaScript >

JavaScript语言实现时钟显示

[ 来源:Yesky | 作者:徐迎晓 | 更新日期:2008-3-26 13:16:18 | 人气: | 评论 0 条 ]

 

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

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

hot007.com

  < HTML> www.hot007.com

  < HEAD>

文章来源于www.jc567.cn

  < TITLE> Test< /TITLE> hot007.com

  < SCRIPT LANGUAGE="JavaScript">

jc567.cn

  function gettime() 007网络教程网

  { var t = new Date(); 复制于jc567.cn

  var hours = t.getHours(); www.hot007.com

  var minutes = t.getMinutes();

复制于hot007.com

  var seconds = t.getSeconds();

jc567.cn

  var show_str ="";

hot007.com

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

jc567.cn

  show_str = ((hours > 12) ? hours-12 : hours);

复制于hot007.com

  show_str = ((minutes < 10) ? ":0" : ":") minutes; 文章来源于www.hot007.com

  show_str = ((seconds < 10) ? ":0" : ":") seconds; www.hot007.com

  document.show_time.name1.value = show_str;

文章来源于www.jc567.cn

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

复制于hot007.com

  } 复制于jc567.cn

  < /SCRIPT> 文章来源于www.hot007.com

  < /HEAD>

007网络教程网

  < BODY onLoad="gettime()">

hot007.com

  < BODY> hot007.com

  < FORM NAME="show_time" onSubmit="0"> www.hot007.com

  现在时间是

007网络教程网

  < INPUT TYPE="text" NAME="name1" SIZE=16 VALUE=""> www.hot007.com

  < /FORM>

文章来源于www.jc567.cn

  < /BODY> www.hot007.com

  < /HTML>

hot007.com

  其效果如下: www.jc567.cn

   007网络教程网

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

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

www.hot007.com


Tags:JavaScript语言实现时钟显示
您的评论
用户名: 新注册) 密码: 匿名评论 [所有评论]

·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为