您的位置:首页 >> Web开发 >> JavaScript >> 正文
JavaScript RSS
 

JavaScript时间显示三大心法

http://www.rdxx.com 06年05月05日 14:06 linux宝库 我要投稿

标签: 显示 , 时间 , JavaScript , IP , Java
 
JavaScript时间显示三大心法

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”后定义的名字。因此此两部分内容必须相同,否则此程序肯定无效。

上一页 下一页


 
 
打印本文
 
 
  热点搜索
 
 
 



Valid XHTML 1.0 Transitional
Copyright ©2005 - 2008 Rdxx.Com,All Rights Reserved
收藏本页
收藏本站