JavaScript时间显示三大心法

superadmin · 发表于 2007-9-6 12:25:47

JAVASCRIPT的妙用
  前几天，我的一位朋友问我：“你的个人主页中有一个动态时间表，我很是喜欢。不知你是如何制作出来的？大概用了很复杂的程序吧！”“你过奖了，其实这个显示时间的程序非常简单，只要你记住我以下的三大心法，我保证你的主页也会绚丽多姿起来。”我自豪地笑道。
  心法一：在网页中调用时间。
  心法口诀如下：<script language="javascript">
  function time_rota()
  {
  now = new Date();
  h="0"+now.getHours();
  m="0"+now.getMinutes();
  s="0"+now.getSeconds();
  if(hɵ){h=now.getHours()}
  if(mɵ){m=now.getMinutes()}
  if(sɵ){s=now.getSeconds()}
  document.write(" "+h+"："+m+"："+s+" ");
  }
  </script>
  <script>
  time_rota()
  </script>
  心法口诀重要部分说明：

  一．参数“0”。若不加此参数的话，时间表显示的时间只是单位，例如，在凌晨1点零1分零1秒时显示：“1：1：1”。是不是很难看啊！加了参数“0”后我们再看一下：“01：01：01”，变成了双位显示时间，漂亮了吧！
  二．“if”语句。这语句运用主要是为了正确显示双位时间，若不用此语句的话当“时，分，秒”无论哪一个超过10以后都会显示三位数字，例如：在12点12分12秒时显示：“012：012：012”，太夸张了！因此“if”语句一定要在程序中使用。
  另外，在网页中调用时间程序也可以简化为：(但是若您学过编程语言的话，您一定知道上面的程序要比下面的程序严谨得多，且下面的程序不能正确显示双位时间。)
  <script language="javascript">
  today=new Date();
  document.write(today.getHours()+":",today.getMinutes()+":",today.getSeconds());
  </script>

  心法二：网页动态时间表。
  心法口诀如下：
  <script>
  function time_rota()
  {
  now = new Date();
  h="0"+now.getHours();
  m="0"+now.getMinutes();
  s="0"+now.getSeconds();
  if(hɵ){h=now.getHours()}
  if(mɵ){m=now.getMinutes()}
  if(sɵ){s=now.getSeconds()}
  document.Time.CLOCK.value =" "+h+"："+m+"："+s+" "
  setTimeout( 'time_rota()', 1000)
  }
  </script>
  <table>
  <tr>
  <td><form method="post" name="Time">
  <p><input name="CLOCK" size="12" value="显示时间"> </p>
  </form>
  </td>
  <script>
  time_rota()
  </script>
  心法口诀重要部分说明：
  一．document.Time.CLOCK.value中的“Time、CLOCK”分别对应表单中“name,input name”后定义的名字。因此此两部分内容必须相同，否则此程序肯定无效。
  二．setTimeout('time_rota()',1000)表示指定程序每秒运行一次，也就是动态计时。
  心法三：状态条上的动态显示时间。
  心法口诀如下：
  <script language="javascript">
  function time_rota()
  {
  now = new Date();
  h="0"+now.getHours();
  m="0"+now.getMinutes();
  s="0"+now.getSeconds();
  if(hɵ){h=now.getHours()}
  if(mɵ){m=now.getMinutes()}
  if(sɵ){s=now.getSeconds()}
  setTimeout( "time_rota()",1000);
  window.status=" "+h+"："+m+"："+s+" ";
  }
  </script>
  <script>
  time_rota()
  </script>
  心法口诀重要部分说明：
  此心法是从以上两则心法中引伸而出，心法大意与上面相同。只是要学会使用window.status这一功能，它的作用是把文字显示在状态条上。
  “好了心法就讲到这里，我的朋友现在你的感觉如何，是不是跃跃欲试啦！”我望着他问道。“我记住了，谢谢！”他欣喜若狂……
  今天，我的那位朋友邀我去他的主页上作客，他说会给我一份意外的惊喜。于是，我便上了他的主页，原来他也用上的动态时间表并且在他的网页中向我表示了崇高的敬意同时称我是“高手”。
  “‘高手’下一步你该做什么？对了写文章，把此三大心法与网民们共享。”我自言自语道

		自动登录	找回密码
密码			注册

全国各地医院查询	重量转换换算	RGB颜色查询	交通标志大全	各类快递查询
简体繁体转换	黄金价格实时走势	万年历查询	实时汇率转换	列车时刻查询
在线翻译工具	CSS中文手册	HTML学习教程	MySQL中文手册	JavaScript中文手册
PHP安全基础手册	PHP5面向对象编程教程	正则表达式系统教程	SQL Server精华	Apache 2.2 中文手册
DOS命令全集指南	windows脚本技术中文版	股票行情查询	历史上的今天	邮编区号查询
长度转换换算	货币汇率转换	常用电话号码	体育彩票查询	手机位置查询
域名Whois信息查询	谷歌PR值查询	台州网站建设	台州网站开发	台州域名注册
天气预报查询	长度转换换算器	在线电子地图	车牌号码查询	中国百家姓查询

JavaScript时间显示三大心法

相关帖子

浏览过的版块