在页面内加入日期
很多网友在浏览网页时应该会发现很多网页有显示时间和日期的功能,这个不难,使用可视化网页制作软件Dreameaver 可以直接插入时间和日期。但今天我们使用JavaScript来实现这个功能,同时能起到了解网络编程语言JavaScript的作用,这个实例原理就是通过JavaScript程序的执行使个人客户端机器的日期和时间在网页上显示。其源程序如下:
<script language="LiveScript">
<!-- Hiding
today = new Date()
document.write("欢迎光临) 现在时间是 ",today.getHours(),":",
today.getMinutes())
document.write("<br>今天日期为 ", today.getMonth()+1,
"/",today.getDate(),"/",today.getYear());
// end hiding contents -->
</script>
在本例中,我们必需首先建立一个日期变数,这可以由today= new Date()来完成。如果没有特别指定时间与日期的话,浏览器将会采用本地客户端机器的时间。若将它放入变数 today 中,这儿要注意的是,我们并没有宣告 today 这个变数的型态。
除以上功能外,在建立日期物件时你也可以事先设定日期如下:
docStarted= new Date(96,0,13)
首先是年,接着是月(但记得减 1),再接着是日。同样的方法也可以加上时间的设定。如下
docStarted = new Date(96,0,13,10,50,0) 前三个是日期的年、月、日,接着是时、分、秒。
最后,我们必须提醒你 JavaScript 并没有实际的日期型态,但是它却能毫不费力地显示出日期和时间,原因是它是从 1 / 1/ 1970 0 0h 开始以 ms(milli seconds) 来计算目前的时间的,这听起来似乎有些复杂。但你倒不用担心,它有标准的共用函数可以计算,你只要知道如何用就可以了。
<
补充:网页制作,Dreamweaver
- 更多Dreamweaver疑问解答:
- 巧用Dreamweaver MX控制页面元素
- 巧用Dreamweaver MX制作阴影字
- 巧用Dreamweaver MX设计导航栏特效
- Dreamweaver 3 在网页上的小动作
- 网站构成的基本元素—网页布局
- 用Dreamweaver实现飘浮光球特效
- Dreamweaver制作技巧四则
- Dreamweaver 4.0使用技巧集锦
- 轻松处理Dreamweaver段落缩进
- 用Dreamweaver 4.0编制会议通知
- 巧用Dreamweaver4文件库更新网站
- 巧用Dreamweaver制作复杂图像
- 妙用dw图层与表格进行网页布局
- 用Dreamweaver4添加背景音乐及制作动态字
- 用Dreamweaver MX实现网站批量更新