在这个例子中将用JAVASCRIPT实现一个电子表。它是动态的。窍门在于时间对象的构造
和setTimeout、clearTimeout方法的调用。以下是实现动态显示电子表的程序清单,你可以
将其拷贝到记事本,另存为*.html查看。在这么长的程序里,最关键的东西就是setTimeout
("time()",1000),它每隔1秒(等于1000毫秒)调用一次time函数,time函数控制显示文本.浏览
这个超文本,将会看到每隔一秒,时间框里的内容会改变,就象一个电子表。
<html>
<head>
<title>动态显示时间</title>
<script language="JavaScript">
file://用来显示信息
functi;
if(dName==1)Day="M;
if(dName==4)Day="Wednesday";
if(dName==5)Day="Thursday";
if(dName==6)Day="Friday";
if(dName==7)Day="Saturday";
file://判断月份
if(mName==1)M;
if(mName==2)M;
if(mName==3)M;
if(mName==4)M;
if(mName==5)M;
if(mName==6)M;
if(mName==7)M;
if(mName==8)M;
if(mName==9)M;
if(mName=10)M;
if(mName=11)M;
if(mName=12)M;
var DayOfWeek=(""+Day+"");
document.forms[0].elements[0].value=http://www.dedecms.com/web-art/htmlbase/Javascript/20020705/DayOfWeek;
var M>
<center>JavaScript电子表</center>
<br>
<center>
<form>
<table border=3 width=500>
<tr>
<td align="center"><F><input type="text"NAME="local"SIZE=13 VALUE="http://www.dedecms.com/web-art/htmlbase/Javascript/20020705/Weekday">
</tr>
<tr>
<td align="center"><f><INPUT TYPE="text" name="local" size=22 value="http://www.dedecms.com/web-art/htmlbase/Javascript/20020705/日期">
</tr>
<tr>
<td align="center"><f><input type="text" name="local" size=16 value="http://www.dedecms.com/web-art/htmlbase/Javascript/20020705/时间">
</tr>
</table>
<br>
<table border=0 widtn=400>
<tr>
<TD align="center"><input type="butt >
<TD align="center"><input type="butt >
<TD align="center"><input type="butt >
<TD align="center"><input type="reset" value="http://www.dedecms.com/web-art/htmlbase/Javascript/20020705/重置">
</tr>
</table><br>
</form></center>
</body></html>
无忧CMS,5ucms.org建站仿站首选!
上一篇:5ucms模版,输入日期之改进模式 下一篇:5ucms插件,图档结构树的设计与关联 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms模版,JavaScript电子表的关键词: |