查看完整版本: [-- JavaScript语言实现时钟显示 --]

.::: 一路问情 :::. -> 『建站技术』 -> JavaScript语言实现时钟显示 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

fuckxy 2008-08-14 18:17

在浏览器中有一种嵌入式语言,称为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 >

  < BODY>

  < FORM NAME="show_time" >

  现在时间是

  < INPUT TYPE="text" NAME="name1" SIZE=16 VALUE="">

  < /FORM>

  < /BODY>

  < /HTML>

  

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

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


查看完整版本: [-- JavaScript语言实现时钟显示 --] [-- top --]



Powered by PHPWind v6.3.2 Code © 2003-08 PHPWind
Time 0.046543 second(s),query:3 Gzip enabled

You can contact us