dreamweaver显示日期和跳动的时间.docVIP

显示日期和跳动的时间 作者：未知 出处：Internet 加入日期：2004.11.02 点击数： 1512 [ 大字体 中字体 小字体] 现在很多网页上都有一个区域显示日期、时间和星期，许多网友问这是怎么实现的呢？下面给出一个实现的方法，最终的效果请看下面演示： 今天是： 2005年9月30日星期五 现在时间： 源码粘贴框： ? 下面是详细的步骤，我们来具体做一下吧。 　　1、显示日期和星期： 我们可以在页面的任意位置显示当前的日期和星期，我们把下面一段JavaScript代码插入到要显示日期的地方即可，需要注意的是，必须为显示区留出足够的位置，不然有可能在浏览时发生折行而影响美观； 2、显示不断跳动的时间： 虽然我们很容易从系统读取时间并把它显示出来，但如果我们不采用一定的技巧，显示出的时间只能是网页打开时的时间，它是固定不变的。这里我们来实现一个不断随系统时间变化的时钟。 第一步先在要显示时间的地方插入一个文本框TextField并命名为tt(一定要注意大小写哦)，它的作用是作为时间输出的对象，我们在JavaScript中将timeValue值赋给tt.value，也就是随时改变文本框的显示值来动态显示时间； 第二步在head中插入如下的JavaScript代码，这段代码的作用是每隔一秒读取一次系统时间，然后将它在文本框中显示； 第三步在body中添入“onload=startclock();”，这句代码的作用是在网页加载时调用startclock()函数，也就是开始显示动态时间变化。 好，做完以上的工作，我们在浏览器中就能看到显示日期、星期和动态时间的效果了。