您当前的位置: 首页 » JavaScript/JQuery编程 » JavaScript时间显示三大心法
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”后定义的名字。因此此两部分内容必须相同，否则此程序肯定无效。
二．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这一功能，它的作用是把文字显示在状态条上。
“好了心法就讲到这里，我的朋友现在你的感觉如何，是不是跃跃欲试啦！”我望着他问道。“我记住了，谢谢！”他欣喜若狂……
今天，我的那位朋友邀我去他的主页上作客，他说会给我一份意外的惊喜。于是，我便上了他的主页，原来他也用上的动态时间表并且在他的网页中向我表示了崇高的敬意同时称我是“高手”。
“‘高手’下一步你该做什么？对了写文章，把此三大心法与网民们共享。”我自言自语道
前几天，我的一位朋友问我：“你的个人主页中有一个动态时间表，我很是喜欢。不知你是如何制作出来的？大概用了很复杂的程序吧！”“你过奖了，其实这个显示时间的程序非常简单，只要你记住我以下的三大心法，我保证你的主页也会绚丽多姿起来。”我自豪地笑道。
心法一：在网页中调用时间。
心法口诀如下：<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这一功能，它的作用是把文字显示在状态条上。
“好了心法就讲到这里，我的朋友现在你的感觉如何，是不是跃跃欲试啦！”我望着他问道。“我记住了，谢谢！”他欣喜若狂……
今天，我的那位朋友邀我去他的主页上作客，他说会给我一份意外的惊喜。于是，我便上了他的主页，原来他也用上的动态时间表并且在他的网页中向我表示了崇高的敬意同时称我是“高手”。
“‘高手’下一步你该做什么？对了写文章，把此三大心法与网民们共享。”我自言自语道