分享
 
 
 

JavaScript时间显示三大心法

王朝html/css/js·作者佚名  2008-05-18
窄屏简体版  字體: |||超大  

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这一功能,它的作用是把文字显示在状态条上。

“好了心法就讲到这里,我的朋友现在你的感觉如何,是不是跃跃欲试啦!”我望着他问道。“我记住了,谢谢!”他欣喜若狂……

今天,我的那位朋友邀我去他的主页上作客,他说会给我一份意外的惊喜。于是,我便上了他的主页,原来他也用上的动态时间表并且在他的网页中向我表示了崇高的敬意同时称我是“高手”。

“‘高手’下一步你该做什么?对了写文章,把此三大心法与网民们共享。”我自言自语道。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有