设为首页   加入最爱           最新更新:全方位英文文章资料库
 
资料坊搜索: 标题 全文     
JavaScript时间显示三大心法
   首页>>YesizeCOM>>电脑技能坊>>Javascript>>正文       
 
广告招租,e-mail:yesize@hotmail.com

广告招租,e-mail:yesize@hotmail.com

      JAVASCRIPT的妙用
      前几天,我的一位朋友问我:“你的个人主页中有一个动态时间表,我很是喜欢。不知你是如何制作出来的?大概用了很复杂的程序吧!”“你过奖了,其实这个显示时间的程序非常简单,只要你记住我以下的三大心法,我保证你的主页也会绚丽多姿起来。”我自豪地笑道。
      心法一:在网页中调用时间。
      心法口诀如下:<script language=javascript>
      function time_rota()
      {
      now = new Date();
      h=0+now.getHours();
      m=0+now.getMinutes();
      s=0+now.getSeconds();
      if(h>9){h=now.getHours()}
      if(m>9){m=now.getMinutes()}
      if(s>9){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>9){h=now.getHours()}
      if(m>9){m=now.getMinutes()}
      if(s>9){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>9){h=now.getHours()}
      if(m>9){m=now.getMinutes()}
      if(s>9){s=now.getSeconds()}
      setTimeout( time_rota(),1000);
      window.status= +h+:+m+:+s+ ;
      }
      </script>
      <script>
      time_rota()
      </script>
      心法口诀重要部分说明:
      此心法是从以上两则心法中引伸而出,心法大意与上面相同。只是要学会使用window.status这一功能,它的作用是把文字显示在状态条上。
      “好了心法就讲到这里,我的朋友现在你的感觉如何,是不是跃跃欲试啦!”我望着他问道。“我记住了,谢谢!”他欣喜若狂……
      今天,我的那位朋友邀我去他的主页上作客,他说会给我一份意外的惊喜。于是,我便上了他的主页,原来他也用上的动态时间表并且在他的网页中向我表示了崇高的敬意同时称我是“高手”。
      “‘高手’下一步你该做什么?对了写文章,把此三大心法与网民们共享。”我自言自语道。

上一篇:自动滚屏的上下实现 下一篇:asp自动生成javascript检验函数

版权说明:作品来源于网上,版权归作者所有,如果无意中侵犯了您的版权,请来信告知,本站将在3个工作日内删除。yesize@hotmail.com
  热门小游戏分类 
射击小游戏 连连看小游戏
台球小游戏 成人小游戏
CS小游戏 化妆小游戏
赛车小游戏 休闲小游戏
篮球小游戏 换装小游戏
儿童小游戏 牛牛小游戏
麻将小游戏 冒险小游戏
美媚小游戏 益智小游戏
体育小游戏  
Society Recreation & Sports
Travel & Leisure Communications
Vehicles Computers
Fashion Arts & Entertainment
Reference & Education Disease & Illness
Writing & Speaking Politics
Product Reviews Food & Beverage
Finance Internet Business
Self Improvement Home & Family
Health & Fitness Business
最新更新内容
警惕“公务员报考热”背
公务员考试不是丈母娘考
一名新公务员的自白:我
公务员考脑筋急转弯与挂
北努斗:2006行政能力测
大讨论:06行测BT题目大
过来人回忆:当年,我也
一家之言:公务员热折射
公务员考试申论要是有正
数十万大学生走进公务员
      粤ICP备05005424         Copyright ©2000 - 2004 Yesize.COM