JavaScript电子表- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript电子表

Javascript: 一个可以兼容IE FF的加为首页与加入收藏实现代码; javascript(jquery)利用函数修改全局变量的代码; JQuery 解析多维的Json数据格式; javascript 按回车键相应按钮提交事件; 深入认识javascript中的eval函数; jquery tree 可编辑节点实现代码(jquery一句话节点菜单); js window.onload 加载多个函数的方法; MAC官方菜单纯CSS实现灰色会换色; CSS Filter背景透明提示; CSS鼠标悬停菜单图片交换技术实现; 纯JS图片批量预加载技术代码; 实用的层滑开js实现代码; jQuery get和post 方法传值注意事项; JQuery打造PHP的AJAX表单提交实例; Jquery AJAX 框架的使用方法; 基于JQuery框架的AJAX实例代码; jquery ajax 检测用户注册时用户名是否存在; javascript 限制输入脚本大全; JavaScript window.setTimeout() 的详细用法; JavaScript 表格高亮类的应用[高级]

No. « ‹ 270 271 272 273 › »

技术文章搜索

关键字

Javascript 中的 JavaScript电子表

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 122 ::

收藏到网摘: n/a

图档结构树的设计与关联输入日期之改进模式

在这个例子中将用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>

</table>
<br>
<table border=0 widtn=400>

</table><br>
</form></center>
</body></html>

图档结构树的设计与关联输入日期之改进模式

Javascript 中的 JavaScript电子表

评论 (0) All