自学动态Html之八--人文中国

您现在的位置：人文中国 >> 文章中心 >> 技术专区 >> DHTML(动态html) >> 文章正文

没有公告

自学动态Html之八

热荐

【字体：小大】

自学动态Html之八

作者：renwen 文章来源：本站原创点击数：更新时间：2003-10-30

自学动态Html---教程八

除了前边我所讲的那些动态效果外，动态HTML还可以显示时间，或通过时间来进行动态的设计交互式网页。具体步骤如下：

通过调用函数Date()和关键字new创建一个时间对象，如语句：today=new Date();将创建时间对象today；
利用这个时间对象的getYear、getMouth、getDate、getDay、getHours、getMinutes和getSeconds等方法得到时间；
利用得到的时间进行判断和相应的操作；
在HTML文档中输出结果。

下面是一个显示当日的年份、月份和星期的简单例子。

例21 显示当天的年月日和星期
<html>
<head>
<title>DHtml举例21</title>
<style><!--
body {font-size:9pt;color:blue}
</style>
<script language="javascript">
var today;
var day;
var date;

today=new Date();    //此语句通过调用函数Date()和关键字new将today变成了一个时间对象

//通过时间对象today的getDay方法确定星期几，并将相应的字符串赋给变量day
if(today.getDay()==0) day="星期日 ";
if(today.getDay()==1) day="星期一 ";
if(today.getDay()==2) day="星期二 ";
if(today.getDay()==3) day="星期三 ";
if(today.getDay()==4) day="星期四 ";
if(today.getDay()==5) day="星期五 ";
if(today.getDay()==6) day="星期六 ";

//变量date用于存储年月日
date="今天是19"+(today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日 ";

//在HTML文档中输出"年月日"和"星期"
document.write(date);
document.write(day);
</script>
</head>
<body>
</body>
</html>

    此例的运行结果如下：

我们还可以通过获得时间判断是上午、下午或是晚上，然后相应的在网页中输出问候语：“早上好”、“下午好”或“晚上好”。

例22 给您一个问候
<html>
<head>
<title>DHtml举例22</title>
<style><!--
body {font-size:9pt;color:blue}
</style>
<script language="javascript">
var today;
var hello;

today=new Date();    //此语句通过调用函数Date()和关键字new将today变成了一个时间对象

//通过对象today的getHours方法确定时间是商务、下午还是晚上，并将相应的问候语字符串赋给变量hello
if(today.getHours()<=12) hello="早上好! ";
if(12<today.getHours()<=18) hello="下午好! ";
if(today.getHours()>18) hello="晚上好! ";

//在HTML文档中输出当前的具体时间
document.write(hello);
document.write("现在是"+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds()+"。");
</script>
</head>
<body>
</body>
</html>

    此例的运行结果如下：

文章录入：renwen 责任编辑：renwen

上一篇文章：自学动态Html之七

下一篇文章：自学动态Html之四

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

最新热点		最新推荐		相关文章
				没有相关文章

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）