javaScript电子表
来源:互联网 发布:淘宝联盟官网登陆网址 编辑:程序博客网 时间:2024/05/01 18:34
出处:http://www.dedecms.com/web-art/htmlbase/Javascript/20020705/30253.html
在这个例子中将用JAVASCRIPT实现一个电子表。它是动态的。窍门在于时间对象的构造
和setTimeout、clearTimeout方法的调用。以下是实现动态显示电子表的程序清单,你可以
将其拷贝到记事本,另存为*.html查看。在这么长的程序里,最关键的东西就是setTimeout
("time()",1000),它每隔1秒(等于1000毫秒)调用一次time函数,time函数控制显示文本.浏览
这个超文本,将会看到每隔一秒,时间框里的内容会改变,就象一个电子表。
<html>
<head>
<title>动态显示时间</title>
<script language="JavaScript">
file://用来显示信息
function Info()
{
alert("这是用JavaScript实现的电子表。");
}
var timerID=null;
var timerRunning=false;
file://启动电子表
function startclock()
{
stopclock();
time();
}
file://停止运行电子表
function stopclock()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning=false;
}
file://电子表的实现模块
function time()
{
file://使用new操作符创建时间对象
var now=new Date();
var yr=now.getYear();
var mName=now.getMonth()+1;
var dName=now.getDay()+1;
var dayNr=((now.getDate()<10)?"0":"")+now.getDate();
var ampm=(now.getHours()>=12)?"下午":"上午"
var hours=now.getHours();
hours=((hours>12)?hours-12:hours);
var minutes=((now.getMinutes()<10)?":0":":")+now.getMinutes();
var seconds=((now.getSeconds()<10)?":0":":")+now.getSeconds();
file://判断今天是星期几
if(dName==1)Day="Sunday";
if(dName==1)Day="Monday";
if(dName==3)Day="Tuesday";
if(dName==4)Day="Wednesday";
if(dName==5)Day="Thursday";
if(dName==6)Day="Friday";
if(dName==7)Day="Saturday";
file://判断月份
if(mName==1)Month="Janauary";
if(mName==2)Month="February";
if(mName==3)Month="March";
if(mName==4)Month="April";
if(mName==5)Month="May";
if(mName==6)Month="June";
if(mName==7)Month="July";
if(mName==8)Month="August";
if(mName==9)Month="September";
if(mName=10)Month="October";
if(mName=11)Month="November";
if(mName=12)Month="December";
var DayOfWeek=(""+Day+"");
document.forms[0].elements[0].value=DayOfWeek;
var MonthDayYear=(""+Month+","+dayNr+","+yr+"");
document.forms[0].elements[1].value=MonthDayYear;
var TimeValue=(""+hours+minutes+seconds+""+ampm);
document.forms[0].elements[2].value=TimeValue;
timerID=setTimeout("time()",1000);
timerRunning=true;
}
</script>
</head>
<body onLoad="startclock()">
<center>JavaScript电子表</center>
<br>
<center>
<form>
<table border=3 width=500>
<tr>
<td align="center"><FONT COLOR=800000 SIZE=+1><STRONG>今天星期</STRONG></FONT>
<TD align="center"><input type="text"NAME="local"SIZE=13 VALUE="Weekday">
</tr>
<tr>
<td align="center"><font color=800000 size=+1><strong>日期</strong></font>
<td align="center"><INPUT TYPE="text" name="local" size=22 value="日期">
</tr>
<tr>
<td align="center"><font color=800000 size=+1><strong>时间</strong></font>
<td align="center"><input type="text" name="local" size=16 value="时间">
</tr>
</table>
<br>
<table border=0 widtn=400>
<tr>
<TD align="center"><input type="button" value="停止" onclick="stopclock()">
<TD align="center"><input type="button" value="继续" onclick="startclock()">
<TD align="center"><input type="button" value="信息" onclick="Info()">
<TD align="center"><input type="reset" value="重置">
</tr>
</table><br>
</form></center>
</body></html>
- JavaScript电子表
- javaScript电子表
- javascript电子表
- JavaScript-电子表
- 电子表
- 电子表
- JS计时器:用JavaScript完成电子表和发送取消系统
- 电子表示例
- 彩色电子表
- 电子表课程设计
- js 实现液晶电子表
- Silverlight 版的电子表
- 奇怪的电子表
- Study Silverlight《模仿电子表》
- 一个电子表的例子
- 七段码电子表程序
- js 中的电子表
- 模拟电子表的功能
- C#设计模式编程之抽象工厂模式新解
- linux C函数库参考
- Tom White 是 Kizoom 的首席 Java 开发人员 实现的 如何实现每天定时对数据库的操作
- Java实现Http服务器之一
- Java实现Http服务器之二
- javaScript电子表
- 学习JExcelApi心得体会
- 论
- Microsoft国际认证
- 注册dll时返回0x80004005的解决方法
- 一個主管的真情告白
- Web用户控件中DropDownList的初始化
- CSDN Blog十大常用小技巧
- .net中控件的命名规则