当前位置: 主页->网页制作->网页技巧->正文
栏目导航
网页制作
  网页技巧
  Dreamweaver
  Frontpage
  HTML
  CSS
  Javascript
  ASP
  PHP
  JSP
  CGI
  多媒体
相关文章
  ◇添加GOOGLE的PageRank
  ◇剖析改注册表十二种现象
  ◇自定多姿多彩链接下划线
  ◇超链“确认”对话框
  ◇简单的鼠标跟随
  ◇显示日期和跳动的时间
  ◇鼠标移过链接时特定响应
  ◇背景音乐
  ◇如何制作将本站设为首页
  ◇网站推广技巧8则
  ◇利用ping测试网页速度
  ◇色彩原理
  ◇怎样选择网页制作软件
  ◇制作个人首页的窍门
  ◇网页制作的一些小技巧
  ◇小窗口大学问--弹出窗口

显示日期和跳动的时间

作者:未知 出处:Internet 加入日期:2004.11.02 点击数:

[大字体 中字体 小字体]

现在很多网页上都有一个区域显示日期、时间和星期,许多网友问这是怎么实现的呢?下面给出一个实现的方法,最终的效果请看下面演示:

今天是:
现在时间:

源码粘贴框:

 

下面是详细的步骤,我们来具体做一下吧。

  1、显示日期和星期:

我们可以在页面的任意位置显示当前的日期和星期,我们把下面一段JavaScript代码插入到要显示日期的地方即可,需要注意的是,必须为显示区留出足够的位置,不然有可能在浏览时发生折行而影响美观;

按此在新窗口浏览图片

2、显示不断跳动的时间:

虽然我们很容易从系统读取时间并把它显示出来,但如果我们不采用一定的技巧,显示出的时间只能是网页打开时的时间,它是固定不变的。这里我们来实现一个不断随系统时间变化的时钟。

第一步先在要显示时间的地方插入一个文本框TextField并命名为tt(一定要注意大小写哦),它的作用是作为时间输出的对象,我们在JavaScript中将timeValue值赋给tt.value,也就是随时改变文本框的显示值来动态显示时间;

第二步在<head>中插入如下的JavaScript代码,这段代码的作用是每隔一秒读取一次系统时间,然后将它在文本框中显示;

按此在新窗口浏览图片

第三步在<body>中添入“onload="startclock();"”,这句代码的作用是在网页加载时调用startclock()函数,也就是开始显示动态时间变化。

好,做完以上的工作,我们在浏览器中就能看到显示日期、星期和动态时间的效果了。

 

 

   

上篇:鼠标移过链接时实现特定响应   下篇:简单的鼠标跟随

[夜鹰论坛] [我要留言] [关闭窗口] [ ][TOP]